فرض کنید رفتید بازار و دارید دنبال یه مغازه خاص میگردید. نه نقشه ای هست و نه تابلویی. همه مغازه ها هم تو راههای پیچ در پیچ قرار گرفتند. همچین شرایطی واقعا با اعصاب آدم بازی میکنه و شاید از خرید کردن پشیمون بشه.
وب سایتی که مسیریابی مزخرفی داره هم همینطوریه.
مردم چطوری باید برن تو صفحات مختلف و چیزی رو که میخوان پیدا کنن؟ چند سال پیش از یه سری کاربرهای اینترنت خواستند یه پرسشنامه پر کردند و مشخص شد از نظر 37% از مردم وب سایتهای موبایلی مسیریابی سختی دارند. جالبه بدونید دو سال قبلش هم همین پرسشنامه توزیع شده بود و اونموقع این عدد 32% بود. این نشون میده کاربرهای وب، نسبت به مدیریت سایت ها، دید نقادانه تری پیدا کردند.
اما شما نگران وب سایتتون نباشید. اگه مسیریابی وب سایتتونو بهینه کنید، به کاربرهاتون خوش میگذره و نه تنها مدت بیشتری روی وب سایتتون میمونن، بلکه بعدا باز هم برمیگردن. تو این پست روشهایی رو برای رسیدن به این هدف براتون توضیح میدیم.
هیچ کس حوصله نداره تو انبار کاه دنبال سوزن بگرده، پس وب سایتتونو مرتب کنید تا سوزن (چیزی که کاربر دنبالش میگرده) راحت پیدا بشه. صفحه های مختلف رو بر اساس موضوعشون طبقه بندی کنید. حتی اگه امکانش هست هر طبقه رو به چند لایه فرعی تقسیم کنید تا تقسیم بندیها مشخص تر باشند. صفحات بی خودی رو پاک کنید تا مسیریابی (فهرست) شلوغ نشه.
برای اینکه مسیریابی وب سایتتون پیچیده نشه یه نقشه براش درست کنید. این کار چند تا فایده داره؛ اول اینکه متوجه میشید، صفحاتتون بیش از حد زیادند و پیدا کردنشون کار ساده ای نیست. اگه دیدید اینطوریه، صفحه های غیرضروری رو پاک یا با هم یکی کنید. اگه نمیدونید کدوما رو پاک کنید و کدوما رو نگهدارید، برای هر صفحه از خودتون بپرسید، این صفحه چه نفعی به کاربر میرسونه. اگه فقط یه قسمتش مفیده، با صفحات دیگه ادغامش کنید. اگه کلا فایده خاصی نداره، پاکش کنید.
گاهی اوقات استفاده از اصطلاحات تخصصی به ضررتون تموم میشه. شاید همه به اون اندازه که شما فکر میکنید با صنعت و کارتون آشنا نباشن. عبارتهایی که برای مسیریابی (فهرست) وب سایتتون انتخاب میکنید بهتره عبارتهای عمومی باشند یا حداقل تا حدی عمومی باشند. باید موقع طراحی وب سایت، یه کاربر متوسط رو در نظر بگیرید.
وقتی میخواهید جریان مسیریابی وب سایتتونو مشخص کنید باید کاربر هدف رو تو ذهنتون بیارید. اگه این کارها رو درست انجام بدید بازاریابی تون به نتیجه میرسه و با هدف گرفتن آدمهای مشخصی (که همون کاربرهای هدف شما هستند)، ترافیک وبسایتتون بالا میره. شما هم باید مواردی رو در طراحی وب سایتتون رعایت کنید که اون دسته از آدما رو جذب کنه.
در کل تا جایی که میتونید همه چیز رو ساده کنید. نترسید، قرار نیست اونقدر ساده اش کنید که همه چیزهای با ارزش سایتتونو بریزید دور، اما به اندازه ای باشه که بازدیدکننده حس غریبی و ناآشنایی بهش دست نده.

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

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

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

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

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

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

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

ریدایرکت 301

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

بررسی عملکرد

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

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

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

صفحه 404

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

فاویکن

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

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

بدون هزینه

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

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

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

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

مینیمالیزم

معمولا "کم گوی و گزیده گوی" علاوه بر صحبت کردن تو چیزهای دیگه هم جواب میده، به خصوص وقتی پای طراحی تجربه کاربری در میون باشه. مینیمالیزم یکی از مفاهیم خلق طراحی های چشمگیر و ساده است. در طراحی تجربه کاربری، کاربرها میدونن چی میخوان و اگه ندونن، میخوان زود بفهمن چی میخوان. مینیمالیزم بیشتر یعنی سادگی در طراحی بصری، اما مردم به اشتباه فکر میکنند یکی از مفاهیم طراحی بصریه. تو کسب و کارهای مدرن، اینکه کاربر چطور روی سایت سفر میکنه اهمیت زیادی داره؛ خوش دست بودن سایت، زیباییش و طراحی تجربه کاربری مینیمالی باعث میشه سفر کاربر لذتبخش تر و کم استرس تر و به یادماندنی تر باشه.
اگه میخواهید طراحی تجربه کاربری وبسایتتون به صورت مینیمالی باشه باید از وقتی که کاربر وارد سایتتون میشه تا وقتی که اون حرکتی که مد نظر شماست رو انجام میده (مثلا خرید کنه یا باهاتون تماس بگیره یا عضو خبرنامه بشه یا...) مراحل کمی داشته باشه. فکر نکنید طراحی مینیمالیستی حوصله کاربر رو سر میبره، برعکس باید مشتری رو سرگرم کنه اما زیادی دورشو شلوغ نکنه که گیج بشه. مسیریابی سایتتون باید ساده باشه ولی در عین حال خسته کننده نباشه.
اگه میخواهید مشتریها روی سایتتون مراحل خاصی رو طی کنند، باید مسیر انجام اون مراحل را تا جایی که میشه شفاف کنید. اکثر کاربرها اگه بلافاصله مشخص نباشه مرحله بعدی چیه، از سایتتون میرن بیرون و دیگه به خودشون زحمت نمیدن روی سایتتون بگردن. پس وقتی دارید از طراحی مینیمالیستی استفاده میکنید، مراحلی که باید توسط کاربر طی بشن باید کاملا روشن باشن. شرکتهایی که مینیمالی ترین طراحی رو دارن و تجربه به یاد ماندنی و مفیدی برای کاربرهاشون خلق کردند، شرکتهایی اند که پاشونو از حدود سال 96 هم فراتر گذاشتند.

انشعاب دادن به سفر مشتری

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

خطی نبودن سفر مشتری

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

داستان پردازی کاربر را جذب میکند

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

طراحی بافتی

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

تجربه کاربری بر برگشت سرمایه اثر میگذارد

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

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

نکاتی که کمک میکنه سئوی وبسایت فروشگاهیتونو تقویت کنید

اسم برندتونو در URL وبسایت بیارید

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

برای فروشگاه آنلاینتون یه نقشه سایت درست کنید

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

وبسایتتون واکنشگرا باشه

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

سرعت وبسایت مسئله مهمی است

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

از اطلاعات متا استفاده کنید

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

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

چرا اول-موبایل؟

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

حالا باید وب سایتتونو بازسازی کنید؟

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

سایتهای وردپرسی قدیمی چطور؟

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

تلفیق وبسایتهای در یک وبسایت واکنشگرا

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

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

طراحی تمیز

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

جستجو در سایت

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

سرعت

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

در حرکت

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

نحوه و هزینه ارسال شفاف

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

خدمات مشتریان

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