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

چرا باید حافظه کش رو پاک کنیم؟

من کچلم، اولش خط رویش موهام رفت عقب و کم کم کمتر شد و الآن حتی یه خط مو هم دیگه روی سرم نیست. موهای من بخاطر بی رحمی به این روز افتاد... بی رحمیِ طبیعت، شاید میخواسته من مجرد بمونم. میدونید بزرگترین علت ریزش مو، به جز بی رحمی طبیعت! چیه؟ پاک نکردن کش. بعله. فکر میکنید شوخی میکنم؟ تو مقاله های علمی نوشته؛ شکست های پی در پی باعث حرص خوردن و ریزش مو میشه. موقع طراحی یه وب سایت جدید یا نرم افزار یا اَپ، وقتی میخواهید شاهکارتونو تست کنید و همش میبینید تغییراتتون اعمال نشده! بخاطر پاک نکردنِ کشِ و نمی­دونید با این کار چه مشکلاتی برای تِستِرها بوجود میارید.
کش مثل انبار کامپیوتر میمونه. وقتی از مرورگرتون یه صفحه وب باز میکنید، کامپیوترتون یه کپی از صفحه یا قسمتهایی از صفحه در حافظه کش، ذخیره میکنه که بهش میگیم کش میکنه. اینطوری دیگه لازم نیست هر بار که همون صفحه رو باز میکنید، دوباره عکسها و عناصر صفحه از سرور وب بارگذاری بشن، بلکه از حافظه کش کامپیوتر خودتون، خیلی سریعتر باز میشن. درسته که سرعت بالا میره اما اگه حافظه کش رو پاک نکنید، عملکرد کامپیوترتون میاد پایین. به جز این، وقتی حافظه کش رو پاک میکنید، مشکلاتی که بوجود اومدند حل میشن و سایتهایی که قبلا باز کرده بودید، این بار اگه باز بشن به صورت نسخه جدیدشون باز میشن.
حالا شاید بپرسید پاک نکردن کش کامپیوتر من چه ربطی به مشکل تسترها داره؟ خب فرض کنید یکی از مشتریهای دارکوب، فایل یا برنامه ای رو بروز میکنه و فایلها رو تغییر میده. فایلهای قدیمی تو حافظه کش کامپیوترش ذخیره شدند و برای همین کامپیوتر اون برنامه یا وب رو از حافظه کش لود میکنه و در نتیجه آخرین تغییرات اعمال شده دیده نمیشن و فرد فکر میکنه تغییراتی که انجام داده اعمال نشدند یا باگ و مشکلی هست. این میشه که گوشی رو برمیداره و زنگ میزنه به دارکوب. اگه کش تونو پاک کنید، میتونید آخرین نسخه و فایلهای جدید رو ببینید و مشکلی پیش نمیاد و کسی هم ریزش مو نمیگیره!
اوایل توسعه هر چیزی باید عملکردشو بیشتر بسنجید، یعنی بیشتر از اینکه کد تولید میکنید، باید کدهایی که قبلا ساختید رو تست کنید و قبل از هر تست هم باید کش رو خالی کنید تا وقتی میخواهید نتیجه کارتونو ببینید، بروزرسانی ها مستقیما از سرور لود بشن نه از حافظه کامپیوتر. وقتی کش خالی باشه CSS و js قدیمی جاشونو به CSS و js جدید میدن.

چطوری باید حافظه کش رو خالی کنیم؟

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

مرورگر اندروید

1- برید به قسمت تنظیمات گوشی و بعد مدیر برنامه.
2- تب "همه" رو انتخاب کنید.
3- در فهرست برنامه های نصب شده، مرورگرتونو پیدا کنید و روش ضربه بزنید. روی گزینه CLEAR DATA یا "پاک کردن حافظه پنهان" و بعد CLEAR CACHE ضربه بزنید.
4- همه مرورگرهایی که باز کردید رو ببندید و دوباره مرورگر رو باز کنید.
یا
1- صفحه تنظیمات گوشیتونو باز کنید.
2- برید به بخش امنیت یا PRIVACY AND SECURITY
3- روی خالی کردن حافظه پنهان یا CLEAR CACHE ضربه بزنید.
4- OK کنید.

گوگل کروم

کروم (مک و کامپیوتر):

1- سمت راست بالای مرورگر، روی سه خط افقی کنار هم کلیک کنید.
2- روی SETTINGS MENU کلیک کنید.
3- روی فهرست سمت چپ، روی HISTORY کلیک کنید.
4- روی CLEAR BROWSING DATA کلیک کنید.
5- از فهرستی که هست گزینه EMPTY CACHE رو انتخاب کنید.
6- در قسمت پایین، روی CLEAR BROWSING DATA کلیک کنید.

کروم اندروید:

1- از بخش تنظیمات، روی گزینه فهرست ضربه بزنید.
2- گزینه امنیت یا advanced یا PRIVACY رو لمس کنید.
3- روی CLEAR BROWSING DATA یا پاک کردن داده های مرورگر ضربه بزنید.
4- همه مرورگرها را ببندید و دوباره باز کنید.
یا
1- روی سه نقطه ای که گوشه بالا سمت راست مرورگر دیده میشه ضربه بزنید.
2- در فهرست، روی تنظیمات کلیک کنید.
3- در فهرستی که ظاهر شده امنیت یا PRIVACY رو  کلیک کنید.
4- روی CLEAR BROWSING DATA یا پاک کردن داده های مرورگر ضربه بزنید.
5- از فهرست ظاهر شده، EMPTY THE CACHE رو کلیک کنید.
6- در پایین، روی CLEAR BROWSING DATA کلیک کنید.
کروم IOS:
1- روی سه خط افقی (فهرست) در بالا سمت راست مرورگر کلیک کنید.
2- تنظیمات رو کلیک کنید.
3- روی CLEAR BROWSING DATA کلیک کنید.
4- از فهرست ظاهر شده روی CLEAR CACHE کلیک کنید.
5- با کلیک روی CLEAR CACHE تصمیمتونو تأیید کنید.

فایرفاکس +20 (مک و کامپیوتر)

1- از گوشه بالا سمت چپ، روی دکمه فایرفاکس کلیک کنید.
2- موس رو ببرید روی گزینه OPTIONS و از فهرست فرعی، گزینه OPTIONS رو کلیک کنید.
3- روی ADVANCED کلیک کنید.
4- روی تب NETWORK کلیک کنید.
5-  از بخش CACHED WEB CONTENT گزینه CLEAR NOW را کلیک کنید.

سفری

سفری ­+5 (کامپیوتر):

1- اگه فهرست بالایی نمایشگر دیده نمیشه، دکمه ALT رو از صفحه کلید فشار بدید.
2- از فهرستی که ظاهر میشه روی ادیت یا ویرایش کلیک کنید.
3- روی EMPTY CACHE کلیک کنید.
بعضی وقتها برای اینکار، یک رفرش ساده هم کافیه. برای رفرش کردن، روی کامپیوتر دکمه های ctrl+F5 و روی مک CMD+R رو فشار بدید.

سفری مک:

1- اول روی سفری و بعد روی EMPTY CACHE کلیک کنید.
2- دکمه EMPTY رو از فهرست ظاهر شده فشار بدید.
3- روی آیکون REFRESH کلیک کنید.

سفری موبایل:

1- برید به بخش تنظیمات گوشیتون.
2- سفری رو انتخاب کنید.
3- روی CLEAR CACHE ضربه بزنید.

اپرا (اپرا 12 کامپیوتر):

1- از بالا سمت چپ، روی اپرا کلیک کنید.
2- برید به بخش تنظیمات.
3- روی PRIVATE DATA کلیک کنید.
4- گزینه DELETE ENTIRE CACHE رو کلیک کنید.
5- گزینه DELETE رو کلیک کنید.

اپرا 12 مک:

1- از فهرست، گزینه TOOLS رو کلیک کنید.
2- DELETE PRIVATE DATA رو کلیک کنید.
3- DELETE ENTIRE CACHE رو انتخاب کنید.
4- روی DELETE کلیک کنید.

IOS

سفری موبایل:
1- به بخش تنظیمات گوشیتون برید.
2- سفری رو انتخاب کنید.
3- روی CLEAR CACHE ضربه بزنید.
کروم IOS:
1- روی سه خط افقی (فهرست) در بالا سمت راست مرورگر کلیک کنید.
2- تنظیمات رو کلیک کنید.
3- روی CLEAR BROWSING DATA کلیک کنید.
4- از فهرست ظاهر شده روی CLEAR CACHE کلیک کنید.
5- با کلیک روی CLEAR CACHE تصمیمتونو تأیید کنید.

اینترنت اکسپلورر

اینترنت اکسپلورر 11 از کامپیوتر:

1- روی علامت چرخ دنده ای که گوشه بالا سمت راست دیده میشه کلیک کنید.
2- از فهرستی که ظاهر میشه روی SAFETY کلیک کنید.
3- از فهرست فرعی روی DELETE BROWSING HISTORY کلیک کنید.
4- TEMPORARY INTERNET FILES AND WEBSITE FILERS رو انتخاب کنید.
5- روی DELETE کلیک کنید.
6- هر وقت کش پاک بشه در پایین صفحه مرورگر بهتون اطلاع داده میشه.
در اینترنت اکسپلورر باید بعد از این کار، صفحه رو رفرش کنید، برای این کار از دکمه های ctrl+F5 صفحه کلیدتون استفاده کنید.

Microsoft Edge

1- روی آیکونی که به شکل سه تا خط افقیه کلیک کنید.
2- روی آیکون تاریخچه که به شکل ساعته کلیک کنید.
3- روی لینکی که نوشته Clear all history کلیک کنید.
4- هر موردی رو که میخواهید پاک کنید، تیک بزنید.
5- روی دکمه Clear button کلیک کنید. وقتی کش پاک بشه، بالای صفحه پیام All Clear! رو می­بینید.

ویندوز فون

اینترنت اکسپلورر موبایل 9:

1- روی سه نقطه ای که کنار نوار آدرس می­بینید کلیک کنید.
2- روی تنظیمات کلیک کنید.
3- گزینه DELETE HISTORY رو انتخاب کنید.

اینترنت اکسپلورر موبایل 10:

1- روی سه نقطه ای که کنار نوار آدرس می­بینید کلیک کنید.
2- روی تنظیمات کلیک کنید.
3- روی DELETE HISTORY کلیک کنید.
4- با کلیک روی دکمه DELETE پاک کردن رو تأیید کنید.
صبر کنید تا کار مرورگر تموم بشه.

اینترنت اکسپلورر موبایل 11:

- روی سه نقطه ای که کنار نوار آدرس می­بینید کلیک کنید.
2- روی تنظیمات کلیک کنید.
3- روی DELETE HISTORY کلیک کنید.
4- با کلیک روی دکمه DELETE پاک کردن رو تأیید کنید.
صبر کنید تا کار مرورگر تموم بشه.
خب اینم از این. دلایل ساده، مراحل انجام کار آسون. دیگه چی میخواهید؟ حالا دیگه وقتی ازتون میخواهیم کش کامپیوترتونو پاک کنید، می­دونید چرا اینو میگیم. خواهش میکنم داستان تسترهای بیچاره و ریزش موهاشون یادتون بمونه و کش کامپیوترتونو پاک کنید. ممنون.

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

آبی روی پس زمینه قرمز

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

زرد

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

سفید

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

سیاه

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

آبی روشن

برای وب سایت خیلی رنگ خوبیه ولی اگه برای پس زمینه استفاده بشه زیادیه قویه و نمیشه بهش نگاه کرد و هر چی به نئون نزدیک تر میشه نگاه کردن بهش سختتره و نمیشه به مدت طولانی بهش نگاه کرد.

رنگهای نئون

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

سبز جنگلی

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

کادرهای رنگارنگ

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

تقریبا مهر 94 بود که گوگل پروژه صفحات موبایل سریع یا AMP رو معرفی کرد. هدف این پروژه منبع باز، بهبود فوق العاده عملکرد وب موبایله. فعلا این پروژه به صورت دوستانه راه افتاده و مشغول حرکت به سمت اهداف گوگل و ارائه اینترنت موبایل سریعتر به کاربرهاست.
اما اینکه AMP دقیقا چی کار میکنه و چطوری میخواد تجربه وب موبایل رو تغییر بده، جای تأمل داره. تو این پست توضیح میدیم که AMP چیه و چطوری کار میکنه و چطوری روی سرعت وب سایت اثر میذاره و سایت رو به بالای صفحه نتایج میرسونه.

صفحات موبایل سریع چی هستند؟

صفحات موبایل سریع که بطور خلاصه بهشون AMP هم میگیم یکی از پروژه های گوگله که با هدف ارسال محتوا بر روی وب موبایل، اونهم با سرعتی 4 برابر سریعتر و استفاده از داده های کمتر به نسبت صفحات قدیمی راه اندازی شده. با توجه به افزایش تعداد کاربرهایی که با استفاده از گوشی های همراهشون وب گردی میکنند، نیاز به وب موبایل سریع افزایش پیدا کرده. بنابراین AMP قصد داره بعنوان استانداردی عمل کنه که مدیران سایتها رو به داشتن سایتی با صفحات سریع و سبک تشویق کنه، طوری که صفحات وب ظرف کمتر از 2 ثانیه باز بشن.
پس AMP دقیقا چیه؟ یه نسخه در حال تکمیل از وب موبایل که روی نسخه های جدید HTML اجرا میشه. این فریم-ورک منبع باز، HTML رو دوبله میکنه و عناصری که سرعت بارگذاری صفحات رو روی موبایل کند میکنند، مثل جاوااسکریپت و اسکریپت های غیرمعتبر رو حذف میکنه.
 AMP HTML روش جدیدیه که میشه باهاش کاری کرد که صفحات وب روی موبایل کاربر بلافاصله باز بشن. این پروژه برای پشتیبانی از کش هوشمند و عملکرد مدرن و قابل پیش بینی و محتوای موبایلی زیبا طراحی شده.
گوگل تأیید کرده که صفحه ای که با AMP HTML ساخته شده باشه میتونه همه جا از 15 تا 85% سریع تر از نسخه صفحات غیر AMP انجام بشه. یعنی وقتی کاربرها روشون ضربه میزنند، این صفحات سریعتر از سایر لینکها باز میشن.
AMP اول از همه، ناشران و سایتهایی رو هدف میگیره که پر از محتوای خبری، مقاله و پست وبلاگند. گوگل با این پروژه میخواد به ناشران کمک کنه تا محتوایی با سرعت نور به کاربرهای موبایل عرضه کنند.

چرا حتی با وجود داشتن سایت واکنشگرا، باز هم باید از AMP استفاده کنیم؟

الگوریتم سرچ گوگل طوری طراحی شده که به وب سایتهایی با تجربه کاربری خوب ارجحیت میده. میدونید این دقیقا یعنی چی؟ یعنی سایتی که سازگار با موبایله و سریع لود میشه.
سایتهای واکنشگرا هم به منظور ارسال محتوا و نمایش مناسب صفحات در تمام دستگاه ها، از کامپیوترهای میزی تا گوشیهای هوشمند، طراحی شده. پس اینجا تمرکز روی انعطاف پذیریه. اما طراحی واکنشگرا معمولا نمیتونه مشکل سرعت رو حل کنه. AMP روی سرعت تمرکز داره و سعی میکنه محتوا رو بلافاصله به دستگاه کاربر موبایل ارسال کنه.
یه فرق دیگه بین AMP و طراحی وب واکنشگرا اینه که AMP رو باید روی سایت آماده و ساخته شده اعمال کرد، اما برای واکنشگرا کردن سایت باید سایت رو بازسازی کنیم و طراحی واکنشگرا باید جایگزین طراحی فعلی سایت بشه.
یه مسئله دیگه اینه که AMP در حال حاضر فقط با محتوای ثابت کار میکنه، بنابراین برای سایتهای خبری، پستهای وبلاگ و محتوای وب سایت بهتره، اما طراحی واکنشگرا برای چیزهایی مثل برنامه های شخصی سازی شده و فرم های وب مناسبتره.
پس با اینکه طراحی واکنشگرا یکی از روشهای کار توسعه دهنده هاست، محدودیت سرعت داره و با اینکه  AMP سرعت رو بهبود میبخشه، برای سایتهایی که بر عملکرد فرم های وب و جاوااسکریپت تکیه دارند مناسب نیست. پس اگه میخواهید تجربه کار با موبایل رو برای کاربرهاتون بهتر کنید، بهتره که یه نسخه موبایل از سایتتون درست کنید که AMP رو هم داشته باشه، چون AMP نسبت به چیزهای دیگه، سریعترین تجربه کاربری رو ارائه میده.

AMP چطوری روی سرچ طبیعی و سرچ پولی اثر میذاره؟

­نتایج AMP قطعا بالای صفحه نتایج موتور جستجو ظاهر میشه و نتایج طبیعی رو پایین میزنه و حتی جایگزین تبلیغات پولی میشه. این نشون دهنده میزان اهمیتیه که گوگل برای پروژه AMP قائله. به علاوه چون سرعت صفحه یکی از عوامل تأثیرگذار بر نتایج گوگله، صفحات سریعتر بر سایر صفحات ارجحیت دارند.
بنابراین اولین اثری که AMP میتونه برای ناشرانی که محتواشونو AMP نکرده اند داره، پایین رفتن در صفحه نتایج جستجوئه که باعث میشه کمتر کلیک بگیرن. چون نتایج طبیعی به تای پایینی صفحه میرن، اگه برای تبلیغات کلیکی پول نداده باشید، کاربرها مجبورند صفحه رو اسکرول کنند تا آدرس صفحه شما نمایان بشه.
در سرچ پولی اوضاع خیلی شفاف نیست. چون AMP بر محتواهایی مثل مقاله های خبری، پست های وبلاگ و هر نوع محتوای آگاهی دهنده دیگه تکیه داره، احتمالش زیاده که برای عبارتهای کلی که تبلیغات کمتری میگیرن، دیده بشن. گوگل هنوز باید بیشتر کار کنه تا بتونه نیت کاربر رو بسنجه و اونو با الگوریتمش ارتباط بده تا تعیین کنه AMP کی و چطور نمایش داده بشه.

AMP چطور کار میکنه؟

HTML هم شامل عناصری میشه که سریع لود میشن و هم عناصری رو در بر میگیره که کند لود میشن. AMP میخواد عناصر کند رو از بین ببره، به خصوص جاوااسکریپت. تگ های HTML خاصی هم ممنوع میشن، مثل iframe، embed، شی، به علاوه تگ های چند رسانه ای HTML5، تصاویر، فیلمها و فایلهای صوتی، همه با عناصر معمول مثل  amp-imgو amp-video.
CSS در  AMP HTML به شدت محدود شده. بین عناصر ممنوع شده میتونیم امکانات معمول CSS رو که برای انیمیشن استفاده میشدند ببینیم. در ضمن با اینکه امکان استفاده از فونتهای سفارشی وجود داره، در عین حال یه سری محدودیت هایی هم هست.
میشه چیزهایی رو روی صفحه  AMP اعمال کرد اما باید از افزونه هایی مثل amp-youtube و amp-twitter که قبلا تأیید شده اند استفاده کنید. به علاوه نمیتونید در AMP نقشه های تعاملی یا داده های بصری بسازید. پس AMP برای سایتهایی خوبه که محتواشون به صورت مطلب نوشته شده باشه.
برای اطلاعات بیشتر به مقاله، بهبود سئو با AMP مراجعه کنید.

چطور روی وب سایتتون AMP رو اجرا کنید؟

چون این یه پروژه منبع بازه، گوگل همه کدهاشو روی GitHub گذاشته. یه آموزش گام به گام هم هست که توضیح داده چطور یه صفحه با محوریت AMP HTML بسازید و چطور انطباق صفحه رو با AMP تأیید کنید.
کسایی که از وردپرس استفاده میکنند میتونن خیلی راحت فقط با نصب یه افزونه AMP رو روی وب سایتشون فعال کنند.
با راهنمایی که گوگل برای AMP نوشته، هر نوع وب سایتی، و با هر نوع سیستم مدیریت محتوایی، میشه کاری کرد که صفحاتمون روی نتایج گوگل ظاهر بشن. در ضمن این نکات رو هم فراموش نکنید:

مشخصات AMP رو دنبال کنید

با استفاده از این تگ روی یک صفحه معمولی، اون صفحه رو به نسخه AMP ش ارجاع بدید:

روی صفحه AMP این کد رو بکار ببرید تا اونو به نسخه معمولیش ارجاع بدید:

<link rel="canonical" href="https://www.example.com/url/to/regular-html-version.html" />

نکته: اگر سایتتون صفحه معمولی (غیر AMP) نداره، باید روی صفحه AMP یک تگ استاندارد بکار ببرید که صفحه رو به خودش ارجاع بده:

<link rel="canonical" href="https://www.example.com/url/to/amp-document.html" />

صفحات AMP رو تأیید کنید

تو کتابخونه JS یه تأییدیه AMP هست. برای اطلاعات بیشتر، راهنمای AMP رو بخونید.

داده های ساختاریافته رو درست اجرا کنید تا صفحات AMP بتونن در carousel نمایش داده بشن

باید مقاله هاتونو بعنوان صفحات AMP نشونه گذاری (مارک-آپ) کنید. برای فیلتر کردن مقاله های AMP هم میتونید از ابزار تست داده های ساختاریافته گوگل استفاده کنید که مارک-آپ های کامل نشده رو پیدا میکنه.
در زیر، یک مثال از مارک-آپ رو میبینید که روی وب سایت رسمی AMP ارائه شده بود و میتونید برای شروع از همین استفاده کنید:

<!doctype html>

<html amp lang="en">

<head>

<meta charset="utf-8">

<title>Hello, AMPs</title>

<link rel="canonical" href="https://example.ampproject.org/article-metadata.html" />

<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "NewsArticle",

"headline": "Open-source framework for publishing content",

"datePublished": "2015-10-07T12:02:41Z",

"image": [

"logo.jpg"

]

}

</script>

<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes

-amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes

-amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes

-amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes

-amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes

-amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style

amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

<script async src="https://cdn.ampproject.org/v0.js"></script>

</head>

<body>

<h1>Welcome to the mobile web</h1>

</body>

</html>

چطور درستی اجرای AMP رو بررسی کنیم؟

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

نتیجه

AMP نه تنها سرعت سایتتونو بهتر میکنه، بلکه قدرت اینو داره که رفتارهای کاربرهای موبایل رو در استفاده از محتوا تغییر بده. ناشران دلیل درستی برای عدم استفاده از AMP ندارند و از طرفی اگر ازش استفاده نکنند، حجم قابل توجهی از ترافیک رو از دست میدن.
بکارگیری AMP هم ساده است و گوگل هم آموزشها و منابع مفیدی در اینباره منتشر کرده که کار ناشران رو راحت کرده. نظر شما چیه؟ ازش استفاده میکنید؟

کسی که شبکه جهانی وب رو بوجود آورد، پیش بینی کرده بود که فقط یه تعداد محدودی پسوند لازم میشه. در آدرس وب سایتها، به پسوند یا همون آخرین عبارت بعد از نقطه، دامنه سطح بالا یا TLD میگن. برای نشون دادن شرکتها، سازمانهای آموزشی، دولتی و غیره یه سری gTLD (دامنه های سطح بالای جهانی یا global Top Level Domains) بوجود اومدند، مثل .com و org. علاوه بر این، یه سری دامنه های سطح بالای دیگه هم برای کد کشورها بودند که هر کدوم یه ملیتی رو نشون میدادند مثل .ir
بی نظمی و رایگان بودن اسامی دامنه، باعث شد خیلی از آدرسهای .com زود از بین برن و با بی نظمی به کار گرفته بشن. همین مسئله جرقه ای شد برای تشکیل شرکت اینترنتی (یا ICANN) که مسئول تخصیص اسامی و اعداد بود. ICANN مسئولیت نظم بخشیدن به فروش و مالکیت اسامی دامنه رو به عهده داشت و یکی از اولین وظایفش این بود که نیاز بیش از حد دامنه های شرکتی (پسوند .com) رو که همه جا و برای همه سایتها استفاده میشد کم کنه.
در حال حاضر بیش از 1500 دامنه سطح بالا در گردشه، از TLDهای اصلی مثل .wiki و .army تا چیزهای عجیب مثل .duck و .pink که بعضی هاشون خیلی سریع همه گیر شدند و بعضی هاشون ناشناخته موندند و کسی انتخابشون نکرد. اینجا یه سوالی به ذهن متبادر میشه: این اسامی دامنه چطوری میتونن روی سئو اثر بذارن و آیا شرکت های تازه تأسیس میتونن برای وب سایتشون از پسوندهای غیرمرسوم استفاده کنند؟
مهمترین جذابیت دامنه های سطح بالا ارزون تر بودن و آزاد بودنشونه. ICANN به کمک تنوع بخشیدن به دامنه ها، خیلی وقته که تونسته به هدف کم کردن قیمت ها برسه.
انتخاب پسوندهای تازه واردی مثل .space یا .ninja روی رتبه جستجو اثری نداره- حداقل تو تئوری. دارکوب هم به عنوان شرکتی که انواع خدمات مرتبط با وب رو ارائه میده، تنوع زیادی از پسوندها رو برای آدرس وب سایتها پوشش میده.
گوگل بطور عمومی اعلام کرده، الگوریتمش تفاوتی بین دامنه های سطح بالای مختلف قائل نمیشه. بنابراین صنایعی که برای خودشون پسوند اختصاصی دارند (مثل .sony یا .dentist) نباید بالاتر از پسوندهای سنتی مثل .org رتبه بندی بشن. پس مثلا اگه شما لبنیات فروشی داشته باشید و پسوند .cheese رو برای کارتون انتخاب کنید، نباید نسبت به وقتی که پسوند .com رو انتخاب میکنید فرقی داشته باشه.
رقیب گوگل، Bing و شریک فعلیش یاهو بخش قابل توجهی از بازار موتور جستجوی جهانی رو هنوز در دست دارند و بینگ برای محاسبه سئو روش دیگه ای رو در پیش گرفته. مثلا اینکه بینگ سایتهای قدیمی رو به سایتهای جدیدتر ترجیح میده و بیشتر به کیفیت بک لینکها اهمیت میده تا به تعدادشون. اما بینگ هم مثل گوگل اعلام کرده که دامنه های سطح بالا بر هم دیگه ارجحیت ندارند و اثری بر رتبه بندی سایتها نمیذارن.
با این همه، در عمل چیز دیگه ای میبینیم؛ شواهد نشون میدن بعضی از دامنه های سطح بالای جهانی در نتایج رتبه بندی ضعیف عمل میکنند و این هم به خود ما برمیگرده. چون طبق الگوریتم موتورهای جستجو، طرز رفتار و عملکرد آدم ها اثر زیادی بر رتبه بندی سایتهای میذاره. اگه مردم زیاد از یه وبسایت دیدن کنند، عملکرد اون وب سایت در جستجو بهتر میشه. اگه مردم روی سایت یه مدتی بمونن، باز هم بهتر میشه و اگه بهش لینک بدن که دیگه بهترترتر میشه.
همین قانون، اهمیت جذب بازدیدکننده دائمی رو برای وب سایتها بیشتر میکنه و باعث میشه تعصبی که آدما نسبت به پسوندهای نوظهور عجیب دارن به قوه خودش باقی بمونه. مردم به دامنه هایی که طبق استانداردهای سنتی نیستند کمتر اعتماد میکنند و کمتر ازشون بازدید میکنند. بینگ اقرار کرده اگه سایتی میخواد رتبه خوبی بگیره باید مردم دوستش داشته باشن.
با توجه به همه حرفهایی که زده شد، میشه نتیجه گرفت اسامی جدید دامنه تا وقتی که هنوز خوب بین مردم جا نیفتاده اند، بر سئوی سایت ها اثر میذارن. اینطور که تخمین زده اند، از وقتی که یه سایت راه اندازی بشه تا وقتی که مردم قبولش کنند، حدود 10 سال طول میکشه. دامن های جدید شاید هیچ وقت نتونن این همه دووم بیارن. البته بعضی هاشون الآن در مسیر کسب اعتبارند، ولی اگه کسی بخواد وب سایتش از همون روز اول عملکرد خوبی داشته باشه، باید از TLDهایی استفاده کنه که برای مردم جذابیت بیشتری دارند. انگار پسوندهای .com یا پسوندهای ملی یه خلوص و صداقتی تو ذاتشون دارن که دامنه های سطح بالای جدید ندارن. مثل شماره موبایل، که شماره های سنتی و دائمی، بین مردم اعتبار بیشتری دارن نسبت به شماره های اعتباری که بعدا به بازار اومدند. بعضی وقتا اینطوریه دیگه، بهتره از روشهایی که امتحان خودشونو پس دادند استفاده کرد.

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

شما در زمینه بهینه سازی موتور جستجو کار میکنید، چرا سئو انقدر برای شما مهمه؟

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

بازاریابی محتوا در این زمینه چه نقشی داره؟

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

شما بازاریابی محتوا رو چطور تعریف میکنید؟

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

بازاریابی محتوا و بهینه سازی موتور جستجو چطور بهم مرتبط میشن؟

من اینطوری بهش نگاه میکنم؛ اگه کسی فقط یه نمایشنامه رو بخونه، نمیشه بهش بگیم تئاتر. تئاتر ملزومات خاصی داره مثلا به سالن نمایش و تماشاچی هم نیاز هست. اگه این تشبیه رو برای سئو بکار ببریم، سالن نمایش حکم فناوری هایی رو داره که محتوا به کمک اونها میتونه بطرز مناسبی به نمایش دربیاد و تماشاچی هم میشه ترافیک وب سایت. ما با سئو به این دو تا میرسیم، یعنی ما فناوری های موجودی که میتونن محتوا رو در دسترس قرار بدن و از همه مهمتر کاری کنند که براحتی دیده بشه رو در جهت اهدافمون بکار میگیریم و ما نمایش محتوا میتونم کاربرها رو به سمت محتوای جالب و مرتبطی که آماده کردیم فرابخونیم و در مقابل برندمونو به جهانیان معرفی کنیم. با بازاریابی مؤثر محتواتون، سئو شروع به رشد میکنه.
از نظر فروش هم محتوای خوب برای سئو خیلی مهمه. اجازه بدید یه نگاهی به نظریه کیفیت گوگل بندازیم: اگه برند مهمی باشید و محصولات باکیفیتی عرضه کنید، این کیفیت باید در محتوای باکیفیتی که ارائه میدید هم منعکس بشه. به این منظور، باید بین شما و اسپمرها تفاوت قابل ملاحظه ای وجود داشته باشه و این، رتبه بندی گوگلتونو بهبود میبخشه.

حالا که حرف گوگل شد، در حال حاضر از چه توسعه های در سئو بحث میشه؟

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

چه توصیه ای در مورد بازاریابی محتوا دارید؟

همونطور که گفتم، همه صنایع یه مقدار مشخصی محتوا تولید میکنند، اما از مقدار محتوا مهمتر، کیفیتشه. در بازاری که اینقدر اشتباع شده، صنایع و شرکتها باید سعی کنند به قدر کافی برجسته باشند تا تو این بازار شلوغ به چشم مخاطبشون بیان و دیده بشن. اینجا باید هدف "محتوای x10" باشه، یعنی محتوا باید ده برابر بهتر از مطالب دیگه ای باشه که در ارتباط با اون موضوع، قبلا نوشته شده.
ضمنا باید مخاطب رو حتما در نظر بگیرید. محتوا باید با هدف کاربر تطابق داشته باشه. اگه کاربر یه سوال مثل"وب هاستینگ چیست؟" سرچ کرده، نباید کاربر رو به بخش فروش هدایت کنیم. باید بی طرفانه و با جزئیات دقیق به این سوال جواب بدیم و با این کار، اول یه دید مثبتی در کاربر نسبت به برندمون بوجود بیاریم. از طرف دیگه، اگه یه مشتری کلمه "ارزان" رو سرچ میکنه، دوست نداره 2000 کلمه در مورد تاریخچه اینترنت بخونه. تو این مورد، فهرست تعرفه ها بهتره ارائه بشه.
به طور خلاصه، محتوای خوبی بسازید و اونو به دست مخاطب برسونید.

سئو: عنوان، توصیفات متا و آلت تگ

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

خوانایی محتوای سایت

محتوای سایتتونو با دقت بخونید تا اشتباه تایپی و غلط املایی نداشته باشه.

ریدایرکت 301

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

بررسی عملکرد

باید همه سایتتونو بررسی کنید و اطمینان حاصل کنید که همه جوانب سایت نظر عملکرد مناسبی داشته باشند.

بررسی واکنشگرا بودن وب سایت و نحوه نمایش اون در مرورگرهای مختلف

سایتتون باید عالی پیکسل بندی شده باشه. حتما بررسی کنید که سایت با همه مرورگرها و همه دستگاه ها سازگار باشه.

صفحه 404

اگه بازدیدکننده های وبسایت به آخر URL چیزی اضافه کنند یا آدرس رو اشتباه وارد کنند، با صفحه 404 مواجه میشن. برای اینکه مسیریابی وب سایت راحتتر بشه باید یه صفحه 404 درست کنید که کاربر مدت طولانی تری روی سایت بمونه و با دیدن این صفحه از سایت خارج نشه.

فاویکن

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

واقعیت: روش قدیمی ساخت و مدیریت وبسایت شکست خورده است.
بازسازی وبسایت میتونه میتونه خطرات جدی ای برای کسب و کارتون به همراه داشته باشه. خطراتی که هیچ وقت اجازه نمیدید در قسمتهای دیگه شرکتتون رخ بدن.
1- هزینه های بالا در ابتدای کار: باید یه چیزی بین 200 تا 500 هزار تومن (متوسط) هزینه کنید و تازه اصلا نمیدونید قراره چی تحویل بگیرید و آیا اصلا مؤثر میشه یا نه.
2- خدمات مبهم: با توجه به پیچیدگی های شرکت شما و وبسایتتون، احتمال هیچ کس از همون اول همه جزئیات رو نمیدونه.
3- هزینه منابع و زمان مورد نیاز: بازسازی وبسایت مستلزم صرف وقت و انرژی زیادیه. شما برای وظایفتون تو شرکت هم اینها رو لازم دارید.
4- تأخیر و هزینه های پیش بینی نشده: همونطور که کار وبسایتتون پیچیده است، همیشه یه سری چیزهای پیش بینی نشده هم وسط کار سر بلند میکنند که هزینه ها رو بیشتر میکنن یا زمان کار رو طولانی تر میکنند و در نتیجه برگشت سرمایه دیرتر اتفاق میفته.
5- تصمیم گیری سلیقه ای برای طراحی: معمولا هر کسی بر اساس تجربه هایی که در گذشته داشته، برای الآنش تصمیم گیری میکنه. بنابراین اگه سایتهای دیگه یه کاری انجام میدن یا اگه توسعه دهنده شما فکر میکنه مفیده، شاید از نظر بقیه نباشه و در واقع هیچ کس نمیدونه آیا واقعا اثر میکنه یا نه.
به جای همه این دردسرها، راه خیلی بهتری هم هست.
تو طراحی سنتی وبسایت آدم نمیدونه چی قراره تحویل بگیره، تا آخر کار چقدر براش هزینه برمیداره و آیا اصلا خوب کار میکنه یا نه. همه چی دست سرونوشته.
اما بذارید از یه زاویه دیگه ای به بازسازی وبسایت نگاه کنیم که هیچ کدوم از خطراتی که بالا گفتیم رو نداشته باشه.
باید یه راهی پیدا کنیم که سریع به هدف برسه و بودجه ای هم نداشته باشه، به علاوه اینکه بدونید وبسایت بازسازی شده قطعا درست کار خواهد کرد. به نظر من بهتره به جای اینکه یه پروژه درست کنیم، یه پروسه درست کنیم. در تئوری، اصلا هیچ سایتی نباید دوباره نیاز به بازسازی داشته باشه.

بدون هزینه

اگه فکر میکنید یه برنامه "دنباله دار" گرون تموم میشه، باید بگم اشتباه فکر میکنید. همه پولهایی که میخواهید اینجا خرد خرد خرج کنید رو اگه با هم جمع کنیم تازه شاید مساوی یا حتی کمتر از اون هزینه ای بشه که میخواهید هر 2-3 سال صرف بازسازی وبسایتتون کنید.
تازه اینطوری سایتتون همیشه بروز باقی میمونه و میتونه با کاربرها و مشتریهایی که جذب میکنه براتون برگشت سرمایه داشته باشه و دیگه هیچ وقت نیاز به بازسازی پیدا نمیکنید.

ما به این پروسه میگیم طراحی ارزش محور

طراحی ارزش محور یه روش جدید ساخت و رشد وبسایته. همونطور که از اسمش پیداست، تمرکز این طراحی بر ایجاد مستمر ارزش در وبسایته به طوری که خطراتی که کسب و کارتون دنبال میکنه رو به حداقل برسونه.