تا %60 تخفیف خرید برای 5 نفر با صدور مدرک فقط تا
00 00 00

جزیره سئو ، طراحی و توسعه وب | مقاله | بدون نظر | توسینسو

در ادامه مجموعه مقالات بررسی نمونه های واقعی اثربخشی SEO، در این قسمت هم به یک نمونه دیگر از تلاشهایی که در این زمینه با موفقیت همراه شده است، اشاره می کنیم. بهینه سازی یک وب سایت با ترافیک بالا شاید در نگاه اول تصور شود که یک وب سایت با ترافیک بالا و محتوای با کیفیت دیگر احتیاجی به بهینه سازی بیشتر...

چگونه ترافیک وب سایت را افزایش بدهیم؟ همانگونه که در اولین قسمت از سلسله مقالات داستان های واقعی اثربخشی SEO به آن اشاره شد، روش آسمان خراش (یا همان Skyscraper) به عنوان یکی از موثرترین روش­های افزایش ترافیک و لینک سازی شناخته می ­شود. در این مقاله، مراحل و جزئیات این روش را بررسی می کنیم. ا...

اگرچه کتاب ها، مقالات و دوره های آموزشی متعددی درباره چگونگی و اهمیت بهینه سازی و SEO وجود دارد، هستند کسانی که همچنان اعتقادی به اثربخشی استفاده از روش ها و الگوهای SEO ندارند. علاوه بر این که می توان چنین افرادی را تا حدودی بدبین دانست، تا حدودی نیز باید به آن ها حق داد چرا که بدون مدرک و سند و دل...

با یاد گیری مفاهیم Webpack و چگونگی استفاده از آن، وقتش رسیده که در مورد Development Server صحبت کنیم. تا اینجا ما با هر بار تغییر فایل ها دستور npm run build برای ایجاد فایل های خروجی اجرا میکردیم که با پیچیده شدن پروژه و افزایش تعداد فایل ها و ماژول هایی که استفاده میکنیم، مدت زمان build به شدت اف...

در ادامه مباحث آموزش Webpack در مورر کار با پوشه ها صحبت می کنیم. یکی از مشکلات پروژه ای که تا الان باهاش کار کردیم، نحوه قرار گرفتن فایل ها داخل پوشه src هست که تمامی فایل های تصویر، جاوا اسکریپت، استایل ها و ... همگی داخل یک پوشه قرار گرفتن. برای رفع این مشکل ساختار پوشه src رو به صورت زیر تغییر م...

در این بخش مورد نحوه مدیریت Cache در Webpack صحبت می کنیم. زمانی که درخواستی از سمت مرورگر به سمت سرور ارسال می شود، فایل های استاتیک مانند تصاویر، فایل های JavaScript و فایل های CSS یکبار دانلود شده و در Cache مرورگر ذخیره می شود تا برای دفعات بعد، درخواستی به سمت سرور ارسال نشود و سرعت بارگذاری صف...

یکی دیگر از قابلیت های بسیار جالب و کاربری Webpack کار با تصاویر هست. اینکه شما می توانید تصاویر مورد نظر رو داخل فایل های css استفاده کنید و این فایل ها بوسیله Webpack مدیریت شوند. اما همونطور که قابل حدس زدن هست، Webpack به صورت پیش فرض امکان شناسایی فایل های تصویر و مدیریت اون ها رو نداره و باید ...

یکی از مزیت های جالب و البته کاربردی Webpack، امکان استفاده و کار با CSS هست. در این بخش با نحوه نوشتن استایل ها CSS، پردازش اون ها توسط Webpack، قرار دادن استایل ها در صفحات html، پردازش فایل های SASS و در نهایت ایجاد فایل CSS نهایی جداگانه توسط Webpack توضیح میدیم. اما شاید این سوال براتون پیش بیا...

در ادامه مباحث مربوط به آموزش Webpack با نحوه Debug کردن فایل های JavaScript آشنا میشیم. همونطور که قبلاً دیدیم، زمان build کردن پروژه ها توسط Webpack، یکسری کد به صورت خودکار توسط Webpack به کدهای نوشته شده ما اضافه میشه. وقتی که عملیات build در حالت production انجام میشه، فایل js به صورت bundle شد...

یکی از مهمترین یا بهتره بگیم دو مورد از مهمترین ویژگی های Webpack که خیلی مورد استفاده قرار میگیرن Loader ها و Plugin ها هستن. به طور خلاصه میشه گفت Webpack بدون Loader ها و Plugin ها هیچ کاربردی نداره و این دو مورد نقش قلب Webpack رو بازی می کنن. در حقیقت Loader ها و Plugin ها این قدرت رو به Webpac...

تا اینجا متوجه شدیم که webpack بدون نیاز به فایل configuration کار میکنه که اصطلاحاً بهش Zero Config میگن. مثل اینکه فایل پیش فرض برای پردازش index.js هست یا پوشه ای که فایل های خروجی تولید میشن dist نام داره و فایل خروجی هم main.js هست. بوسیله فایل config میشه تمامی این موارد رو تغییر داد و البته ک...

تا این قسمت از آموزش Webpack، ما با مفاهیم اولیه Webpack و نحوه استفاده از اون آشنا شدیم. در ادامه با نحوه نوشتن کدهای Modular آشنا خواهیم شد. در قسمت های قبلی ما یک فایل با نام index.js ایجاد کردیم و یک خط کد ساده داخل آن نوشتیم. اما اگر کدهایی که می نویسیم زیاد باشه، باید این کدها رو توی چندین فای...

در قسمت قبلی آموزش Webpack با نحوه نصب و استفاده از Webpack آشنا شدیم و دیدیم که چجوری میشه بوسیله دستور Webpack فایل های Javascript رو پردازش و Minify کرد. در این قسمت با دستورات Build آشنا میشیم. دستوری که در قسمت قبلی می نوشتیم به صورت زیر بود: node_modules\.bin\webpack --mode=production اما میشه...

در طول یکسری مطب قصد داریم آموزش Webpack رو شروع کنیم. اما Webpack چیست؟ سوال اصلی که خیلی از دوستان در ابتدا از خودشون می پرسن و اینکه اصلاً چرا باید کار با Webpack رو یاد بگیریم؟ دنیای کامپیوتر و مخصوصاً دنیای برنامه نویسی دائم در حال به روز شدن هست و هر روز ابزارهای زیادی معرفی میشن. اگر کار شما ...

بهینه­ سازی صفحات وب برای بهتر دیده و یافته شدن در موتورهای جستجو (و به خصوص گوگل)، دغدغه­ای هست که هیچ وقت قدیمی نمی ­شود و هر روزه بر تعداد مشتاقان آن افزوده هم می گردد. به همین دلیل بازار بزرگی پیرامون این حوزه کاری شکل گرفته است و افراد مختلف ادعاهای گوناگونی درباره چگونگی افزایش رتب...

یکی از مرسوم ترین روش ها برای کار کردن با مجموعه ها و آرایه ها این است که برای انجام عملیاتی مانند پیمایش و جستجو در آنها از حلقه تکرار یا loop استفاده کنیم. ولی در این مطلب می خواهیم بگوییم که در جاوا اسکریپت در موارد بسیاری از حلقه تکرار استفاده نکنیم. استفاده نکردن از حلقه ها مزایای زیادی دارد که...

در چرخه ی توسعه ی نرم افزار ، ابزارهای توسعه نقش زیادی دارن. برای مثال اگر برنامه نویس سی شارپ باشین، قطعا Resharper یکی از اون ابزارهاست که سرعت کارتون رو بالا میبره .اگر توسعه دهنده ی وب هستین یا طراح وب ، یکی از ابزارهایی که خیلی خیلی براتون کارایی داره Chrome DevTools هست ، بلاشک. در این مطلب قص...

اگر بخواهیم با استفاده از زبان جاوا اپلیکیشن تحت وب بسازیم مطمئناً یکی از بهترین انتخابات spring و یا spring boot خواهد بود. در این مطلب می‌خواهیم spring boot را معرفی کنیم. Spring یک فریمورک محبوب برای تولید برنامه‌های تجاری و تحت وب است که با بزرگ شدن این فریمورک یک نسخه از این فریمورک ب...

Modernizer چیست؟ چگونه سازگاری وب سایت در مرورگرها را تست کنیم؟ یکی از نگرانی‌هایی که هنگام طراحی صفحات وب وجود دارد این است که قابلیت‌هایی که ما در صفحه خود طراحی کرده‌ایم را کاربر می‌تواند به راحتی ببیند و یا امکانات مورد نظر را ندارد. به عبارت دیگر صفحه‌ای را که طراحی کرد...

Blazor چیست؟ تیم Asp.net مجموعه ابزاری را به نام Blazor ساخته اند که یک فریمورک سمت کلاینت (client side) برای برنامه های دات نت است. تفاوت این فریمورک با فریمورک های سمت کلاینت دیگر مانند angular, react  این است که anuglar و react هنگامی که برای مرورگرف کامپایل می شوند به کد جاوا اسکریپت که قاب...

اگر کار شما طراحی و توسعه وب هست، حتماً با نام Angular آشنایی دارید، یک کتابخانه محبوب مبتنی بر JavaScript که توسط Google توسعه داده شده و برای ایجاد برنامه های SPA یا Single Page Application استفاده میشه. برای استفاده از Angular محیط های توسعه زیادی وجود داره که یکی از این محیط ها Visual Studio Cod...

در مطلب قبل گفتیم که کلاس ها در ES6 در زبان جاوااسکریپت معرفی شده اند. در این مطلب به صورت کامل نحوه استفاده از کلاس ها و امکانات آنها را توضیح می دهیم. تعریف کلاس برای تعریف کلاس از کلمه کلیدی class استفاده می شود و همیشه در داخل بدنه کلاس از متد constructor استفاده می شود. متد constructor هر وقت ک...

در ادامه مطلب قبلی به ادامه ویژگی‌های جدید Es6 می پردازیم. در این مطلب در مورد کلاس‌ها و آرایه ها و ویژگی‌های جدید آن‌ها در Es6 صحبت می کنیم. کلاس ها کلاس‌ها در Es6 معرفی شده اند. یک کلاس یک نوع تابع است با این تفاوت که به جای استفاده از کلمه کلیدی function از کلمه کلیدی cla...

جاوا اسکریپت به خاطر استفاده های زیادی که دارد امروزه یکی از محبوب‌ترین زبان‌های دنیا است. اکما اسکریپت نسخه استاندارد شده این زبان توسط Ecma international است. نسخه اول این استاندارد در سال 1997 ارائه شد و در سال 2015 نسخه 6 این استاندارد ارائه شده است و تا به امروز که این مطلب نوشته می&z...

احتمالا شما هم جدیدا با این موضوع برخورد کرده این که نتایج جستجوی تصاویر گوگل بیشتر با پسوند webp نمایش داده می شد. پسوندی که تا همین چند وقت پیش بسیار غریبه بود و البته همچنان هم کمی جدید به نظر می رسد . در واقع WebP را می توان نسل جدید تصاویر اینترنتی عنوان کرد که جایگزین تصاویر سنگین خواهند شد .w...

وقتی در حال وبگردی هستید و سایتی رو باز می کنید، ممکنه با افکت های جالبی روبرو بشید که المان های صفحه به ترتیب و به صورت های مختلف روی صفحه ظاهر می شن، افکت های مثل ظاهر شدن المان ها، چرخیدن المان و ... نمونه این افکت ها رو می تونید در صفحه اصلی سایت توسینسو هم مشاهده کنید. اگر کار شما طراحی وب هست ...

مبحث Logging یکی از موارد بسیار پر کاربرد و مهم برای توسعه دهندگان است. بوسیله فعال کردن قابلیت Logging شما می توانید از اتقاقات و خطاهایی که در داخل برنامه رخ می دهد اطلاع پیدا کرده و مشکلات رو با سرعت بیشتری رفع کنید. در این مطلب قصد داریم تا با نحوه فعال سازی قابلیت Logging در ASP.NET Core آشنا ش...

Web Service چیست؟ API چیست؟ تفاوت وب سرویس و ای پی آی دی چیست؟ فرقی نمی کنه که کار برنامه نویسی کنید یا به طریقی با دنیای وب سرو کار داشته باشید. حتماً این دو اصطلاح رو شنیدید: Web Service و Api. دو واژه ای که خیلی زیاد مورد استفاده قرار میگیرن و خلی وقت ها با هم اشتباه گرفته میشن. در این مقاله قصد ...

چگونه وردپرس را امن کنیم؟ چگونه تعداد لاگین در وردپرس را محدود کنیم ؟ داشبورد مدیریتی وردپرس مهمترین بخش یک سایت وردپرسی است. وردپرس به صورت پیش فرض برای دسترسی به این بخش کاربر را مجبور می کند که از طریق صفحه لاگین احراز هویت شود. حال اگر کاربری بخواهد به صورت غیر قانونی وارد بخش مدیریت شود یکی از ...

در مطلب قبل در مورد این که datatabels چیست و چه کاربردی دارد صحبت کردیم. از امکانات datatabels توانایی صفحه بندی و مرتب سازی بر اساس هر ستون و چستجوی اطلاعات صحبت کردیم. ولی طبق مطالبی که گفته شد باید همه داده ها از سمت سرور یک باره خوانده شود و به سمت کلاینت ارسال شود و عمل مرتب سازی و صفحه بندی و ...

چگونه با دیتاتیبل جدول و لیست اطلاعات بسازیم؟ همانطور که می‌دانید jQuery مهم‌ترین کتابخانه جاوا اسکریپت است که تقریباً همه وب سایت‌های کنونی از آن استفاده می کنند. یکی از پلاگین های قدرتمند کتابخانه jQuery برای ساخت جدول ها و لیست ها DataTables است. این پلاگین به این شکل نیست که فقط ا...

یکی از معروفترین CMS هایی که امروزه استفاده می‌شود و درصد زیادی از سایت‌های اینترنتی از آن استفاده می‌کنند wordpress  است. برای کار با وردپرس منابع آنلاین زیادی وجود دارد که بسیار مفید و پرکاربرد هستند. کسانی که با وردپرس کار می‌کنند می‌توانند این منابع را bookmark کرده...

یک پروژه برای Web API و Web Application در نسخه های قبلی ASP.NET برای نوشتن Web API شما نیاز به تعریف یک پروژه جداگانه برای Web API داشتید. اما در ASP.NET Core شما یک پروژه ایجاد می کنید و می توانید هم API داخل آن بنویسید و هم کدهای مربوط به Application. برای مثال، فرض کنید داخل پروژه ایجاد شده یک C...

ASP.NET Core چیست؟ مایکروسافت مدتی هست که اقدام به انتشار نسخه جدید از ASP.NET مبتنی بر DotNet Core کرده که به همین خاطر به اون ASP.NET Core گفته میشه. ASP.NET Core از ابتدا باز نویسی شده تا امکانات بیشتری (علی الخصوص Cross Platform) بودن رو برای توسعه دهنده ها فراهم کنه. در این مطلب قصد داریم تا کم...

در ادامه مطالب مربوط به package manager ها به زبان PHP و package manager اون یعنی Composer می رسیم. Composer به شما اجازه می‌دهد که کتابخانه‌هایی را که برنامه شما به آن‌ها وابسته است را نصب و مدیریت کنید. در این مطلب نحوه استفاده و کار با Composer را توضیح می‌دهیم. نحوه کار با Co...

چگونه از سمنتیک یو آی ( Semantic UI ) استفاده کنیم؟ در مقاله قبلی در مورد ویژگی ها و امکانات Semantic UI صحبت کردیم و دیدیم که از نظر امکانات یک کتابخانه بسیار قدرتمند و کاربردی هست. اما برای استفاده از این کتابخانه باید ابتدا با استفاده از ابزاری به نام gulp عملیات build رو بر روی اون انجام بدیم و ...

Rider چیست؟ یکی از تکنولوژی های برنامه نویسی وب که در کشور ما هم طرفدار زیادی دارد تکنولوژی دات نت یا به طور دقیق‌تر ASP.Net MVC می‌باشد که از چند سال پیش از طرف شرکت مایکروسافت عرضه شده است و بسیاری از آن استفاده می کنند. بعد از ASP.Net MVC اخیراً(چند سال پیش) مایکروسافت برای اینکه از محی...

TTFB یک مفهوم موثر در بحث سئو وب سایت ها محسوب می شود. اگر بخواهیم ترجمه آن را بگوییم به شکل مدت زمان خواندن اولین بایت یک وب سایت ترجمه می شود . اما هدف ما توضیح دادن ماهین TTFB است . بصورت خلاصه TTFB مجموع مدت زمانی است که از زمان ارسال درخواست یک کاربر به سمت سرور و دریافت اولین پاسخ به کاربر سپر...

آمشما با خواندن این مطلب قطعا می توانید یک محتوای متنی را به شکلی سئو کنید که در صفحات اول گوگل دیده شود . فرض کنید که به شما یک محتوای متنی را به عنوان یک کارشناس سئو داده اند که تغییراتی در آن انجام دهید که در موتورهای جستجو بهتر دیده شود . طبیعتا باید بدانید که مراحل انجام و نکات مهم سئوی محتوای ...

سلام. در مطلب قبلی در مورد قابلیت های جدیدی که در PHP نسخه 7 ارائه شده بود صحبت کردیم. این مطلب هم به ادامه مطلب قبلی در مورد این قابلیت ها می پردازد. در ادامه بخش هایی را که در PHP 7 ارائه شده است می پردازیم. قابلیت Closure::call() قابلیت Closure::call() برای bind کردن فراخوانی یک تابع به یک کلاس ی...

سلام. تا چند سال پیش از نسخه 5 زبان PHP استفاده می شد. ولی از سال 2015 نسخه 7 این زبان ارائه شد که نسبت به ورژن قبل خود از سرعت و کارایی بسیار بالاتری برخوردار است. در این مطلب چند ویژگی برنام نویسی که در نسخه 7 افزوده شده است را معرفی می کنیم. مشخص کردن نوع داده‌ها تا قبل از نسخه 7 امکان اینکه...

فلاتر (Flutter) نام فریمورک برنامه نویسی چندسکویی گوگل برای گوشی های هوشمند می باشد که با استفاده از آن میتوانید مثل React Native با یکبار برنامه نویسی خروجی های مختلفی بر اساس سیستم عامل اندروید و iOS بگیرید.اما گوگل امسال در مراسم I/O 2019 خبر خوبی به توسعه دهندگان فلاتر داد و اون هم پشتیبانی از پ...

چگونه از کپچای گوگل استفاده کنیم؟ یکی از مشکلاتی که وب سایت‌های امروزی با آن مواجه می‌شوند اسپمرها و مخصوصاً ربات های اسپمر هستند. اسپمر ها اطلاعات و دیتای اضافی و بی استفاده وارد سایت شما می‌کنند که می‌توانند برای سایت شما مشکل ساز باشند. یکی از راه حل‌هایی که برای حل این م...

چگونه فایل PDF را برای سئوی بهتر بهینه کنیم؟ خوب قبلا در سری مطالب تجربیات سئو در خصوص اهمیت فایل PDF در مطالب و محتواهای متنی وب سایت توضیح دادیم . گفتیم که وجود داشتن یک فایل PDF آماده یا امکان گرفتن و ذخیره کردن فایل PDF مطالب بصورت آنلاین خیلی می تونه برای سئو شما و البته بهتر دیده شدن توسط گوگل...

واقعا از خودتون سوال کردید که تمدید کردن یک دومین اگر یکساله باشه یا دو ساله یا 5 ساله ، این تفاوتی در نمایش نتایج جستجوی شما در گوگل داره یا خیر ؟ ساده اگر بخام توضیح بدم ، در مطلب قبلیم در سری تجربیات سئو ، خدمت دوستان عرض کردم که سن دامنه یک فاکتور مهم برای گوگل هست ، یعنی اینکه دامنه شما قدمت دا...

آیا باز بودن و نمایش اطلاعات Whois در سئو تاثیر دارد؟ باز هم یک تجربه دیگه از مشکلاتی که در خصوص بحث SEO وب سایت داشتیم رو میخام براتون با ذکر دلیل توضیح بدم . این سوال خیلی از دوستان هست که آیا باید اطلاعات Whois دامنه ای که در اختیارمون هست رو بصورت عمومی منتشر کنیم یا باید این اطلاعات رو مخفی کنی...

آدرس URL فارسی بهتر است یا انگلیسی؟ مدتی هست که دارم روی بحث سئو و نکات مربوط به اون تحقیق و فعالیت می کنم تا نکات مهمش رو در وب سایت پیاده سازی کنیم . یکی از نکات بسیار مهم در SEO داشتن یک آدرس URL کاملا کاربر پسند هست . خوب الان یکی از مشکلاتی که در بین علمای این رشته وجود داره این هست که ما زبانم...

تفاوت لینک فالو و نوفالو در سئو چیست؟ در بحث سئو حتما شما بحث گرفتن بک لینک ( Backlink ) یا لینک از سایت ها و وبلاگهای مختلف رو شنیدید . خیلی از وب سایت ها وجود دارند که برای شما Backlink درست می کنند اما این بک لینک ها در اصطلاح طراحی وب و به ویژه سئو به عنوان نوفالو یا NoFollow شناخته میشن . امروز...

منظور از اسکریپت نال شده چیست؟ چرا اسکریپت ها Null می شوند؟ تفاوت اسکریپت قانونی و نال در چیست؟ اون زمانیکه اهل استفاده از اسکریپت ها و ابزارهای Open Source و CMS های مختلفی مثل جوملا و دروپال و وردپرس بودم ، یکی از دغدغه های اصلی من استفاده کردن از اسکریپت های اصلی یا اسکریپت های نال شده بود ! اون ...

چگونه یک تالار گفتمان بسازیم؟ ممکنه با این واژه غریبه باشید اما به احتمال بسیار زیاد وقتی تو اینترنت درگیر گشت و گذار هستید و وب سایت های مختلف رو باز می کنید قطعا چشمتون به این نرم افزار خورده ! چرا ؟ چون این نرم افزار ویبولتین یک فروم ساز هست ( Forum ) یا تالار گفتمان ، همون وب سایت های پرسش و پاس...