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

• شما و سرعت سایت

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

• رتبه جستجو و سرعت سایت

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

• چطور سرعت سایت رو افزایش بدیم (و روی رتبه سایت اثر مثبت بذاریم)؟

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

• نتیجه

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

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

• داستان یکی از مشتری ها

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

• چطوری فریب نخوریم

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

• کروم یا فایرفاکس باز کنید.
• سایت شرکت مورد نظر رو باز کنید و دنبال سایتهایی که قبلا طراحی کردن بگردید.
• یکی از اون سایت ها رو باز کنید، روی صفحه راست کلیک کنید و view source code رو کلیک کنید.
• Find رو بزنید: توی مک باید دستور + F بدید.
• Theme رو پیدا کنید. باید دنبال کدی بگردید که این عبارت توش باشه: wp-content/theme/ و آخرش هم اسم کد رو نوشته.
• اسم کد رو که بعدا از theme/ نوشته میشه نگاه کنید. اگه خودشون ساخته باشن باید اسم سایت باشه. (راه های زیادی برای تقلب هست، اما عوض کردن این یکی سختتره). اگه دیدید اسم با اسم سایت یکی نیست، کپیش کنید.
• برید تو گوگل و عبارت ("اسم تم کپی شده" wordpress theme) رو گوگل کنید. احتمالا اولین نتیجه باید همون تمی باشه که دنبالش بودید.
• سایر نشونه های اینکه سایتتون شخصی نیست
• قبل از توسعه سایت، نمونه فتوشاپی سایتتون رو بهتون نشون نمیدن.
• طراح بهتون میگه که نمیتونن تغییرش بدن. (مجبورید ساختمان کلی قالب رو هرطور که هست قبول کنید)
• هیچ جای سایت شرکت طراحی سایت کلمه "سفارشی" دیده نمیشه. (البته ممکنه بعضی شرکت های معتبر هم از این کلمه استفاده نکنن، میتونید تو این مورد از خودشون بپرسید یا به سایر علائم توجه کنید).
• طراحی و قالب سایت همه مشتری هاشون شبیه همن.
• تو قراردادشون کلمه سفارشی رو فقط به یکی از عناصر طراحی نسبت میدن، مثلا مینویسن "گرافیک هدر سفارشی".
• نتیجه گیری

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

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

• نرخ تبدیل کنونی سایتتون رو دربیارید، طراحی سایتتون رو بهینه کنید

از طریق داده های گوگل آنالتیک برای ترافیک سایت، وارد حساب کاربریتون بشید و نرخ تبدیلتون رو بخونید و با استانداردهای کار خودتون مقایسش کنید (معمولا برای بیشتر کارها بین 1% و 6%). اگه می بینید 5 هزار بازدیدکننده در ماه دارید ولی مشتری هاتون خیلی خیلی کمه، به احتمال زیاد اشکال از طراحی سایتتونه که درست محصولات/خدماتتونو نمیفروشه.

• تشخیص مشکلات و فرصت ها

برید گوگل وبمستر و از ابزار متنوعی که ارائه میده استفاده کنید تا اطمینان حاصل کنید که سایتتون مشکل جدی ای برای سئو نداره (مثلا SEMRUSH، Majestic SEO و غیره). رقبای سطح بالاتونو تحلیل کنید، ببینید چطوری بازی موتور جستجو رو میبرن. اهداف واقع بینانه برای خودتون در نظر بگیرید.

• یه روش انتخاب کنید

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

• دایرکتوری های محلی

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

• نظرات

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

• راه و روش هوشمندانه ارائه مطالب

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

• بازاریابی شبکه های اجتماعی و بک لینک ها

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

• تبلیغات کلیکی

بیشتر وقت ها تبلیغات کلیکی بهترین روش کوتاه مدت بازاریابیه و میتونه تو مدت کمی بازدیدکننده ها رو روونه سایتتون کنه. اگه کالای خوب ارائه بدید، خب مردم هم میخرن. اگه میخواهید موفق تر بشید، میتونید وقت بیشتری روی بهینه سازی تبلیغات کلیکیتون تو گوگل و فیسبوک و ... بذارید.

• سئوی درون سایت

باید از روش های زیر استفاده کنید:

• ترکیب schema.org
• اطلاعات متا (عنوان، تگ های توصیفات) و ساختمان کلی URL رو بهینه سازی کنید.
• از صفحات مرده، تغییر مسیر 301 درست کنید.
• خطاهای 404 رو درست کنید.
• سرعت بارگذاری سایت رو بهینه کنید.
• نقشه سایت رو درست کنید.
• معماری کلی سئو رو بهینه کنید (افزونه های سئو، بهینه سازی سرور، استفاده از سیستم مدیریت محتوای مناسب)
• عناصر درخواست برای اقدام متعددی تو سایتتون قرار بدید (این نکته خیلی مهمه). یه نوار شبکه های اجتماعی درست کنید.
• اولین باشید، بهینه کنید.

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

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

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

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

• سایت های انطباقی

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

• راهنمایی

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

• طراحی سایت واکنش گرا هیچ مزیتی در رتبه بندی ندارد

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

• سازگاری تلفن همراه در سطح صفحه انجام میشود نه در سطح سایت

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

• با این بروزرسانی تبلت ها تحت تأثیر قرار نمیگیرن

تا الآن هیچ تست خاصی برای تبلت ها در نظر گرفته نشده.

• گوگل در حال کار روی فهرست صفحه نتایج ویژه موبایل است

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

• تصاویر و ویدئوهای قهرمان

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

• طراحی فلت و مینیمالیستی

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

• پیمایش و الگوی عمودی

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

• استفاده از فونت های چاپی برای نوشته ها

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

• تصاویر متحرک کوچک با بارگذاری نامحسوس

از وقتی که سایت ها شروع کردن از تصاویر متحرک فلش استفاده کردن و HTML5 و CSS3 با حرکت های سایده ،برای بارگذاری صفحات متحرک رونق گرفتن، دکمه ها و فهرست های کشویی و چسبنده رواج پیدا کردن.
تو سایت M is for Money  ازTransitions  CSS استفاده شده. اسلایدی که تو سایت میبینید از یه انتقال انیمیشنی بهره میبره و  با تصاویر متحرک و زیبای اسلایدها یه تجربه "جوان پسند" برای سایت خلق می کنه. قبلا، انیمیشین هایی مثلا این رو باید با افزونه هایی مثل فلش درست می کرد. اما الآن CSS Transition ها دیگه نیازی به افزونه ندارن و خیلی سریع تر دانلود میشن. باید در عمل کارشو ببینید تا متوجه بشید.