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

و بالاخره بررسی پنج گرایش­ بروز و برتر طراحی سایت :

Hover States یک ابزار مناسب برای جهت­یابی در وب­سایت است. به عنوان مثال می­تواند یک کلید برای کلیک کردن در صفحات وب­سایت ویا یک کلید برای فعال­سازی اسلایدشو در قسمت گالری تصاویر و یا وسیله­ای برای ورق زدن صفحات یک وب­سایت باشد. در واقع به کمک این ابزار قادر هستید بدون ایجاد به هم ریختگی در ظاهر وب­سایت اطلاعاتی مفید برای کاربر خود ارائه نمایید.

امروز استفاده از این ابزار، بسیار رایج و محبوب است. تکنولوژی آن برای استفاده در دیوایس­های مختلف امکان­پذیر است به طوری­که علاوه بر ماوس، با تاچ اسکرین نیز قابل استفاده است. به کمک Hover States با سهولت جهت یابی در وب­سایت خود، می­توانید تجربه­کاربری خوبی به ارمغان آورید.
ابزار Hover States روشی مناسب و بسیار متداول برای ساده کردن ارائه­ی اطلاعات در وب­سایت و افزایش محبوبیت تجربه کاربری است.

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

به نظر می­رسد که استفاده از pop-up­های ایمیل ابزاری رایج در گسترش آنلاین مارکتینگ است. هر وب­سایت با روشی متفاوت در صدد ترغیب مخاطبین به نام­نویسی در وب­سایت از طریق ایمیل است. گاهی شاهد وب­سایت­هایی هستیم که ارائه­ی برخی خدمات خود را مستلزم نام نویسی در وب­سایت می­کنند. تصویری که در ادامه مشاهده می­کنید نمونه­ای از ترغیب کاربر برای نام­نویسی از طریق یک جمله یا شعار را نشان می­دهد:

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

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

Hero Image یکی از تکنیک­های طراحی بصری است که طرفداران و مخالفان خاص خود را دارد.
نظر شما در مورد این گرایش­های بروز در طراحی سایت چیست؟

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

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

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

فراخوانی  و ترغیب
فراخوانی  و ترغیب یا همان call to action   درخواست از کاربران برای انجام کاری است و معمولا  به صورت یک دکمه نوشته یا نشانک  است که کاربر  را برای  گذاشتن یک پیام، تماس و یا  ارسال ایمیل،  بازدید از وب سایت دیگر و یا حتی خرید یک محصول تشویق می کند. مشخص کنید می خواهید مشتریان خود را هنگام بازدید از صفحه هدف به چه  چیزی هدایت  کنید.  سپس در مورد ترغیب و فراخوانی تصمیم درست را  اتخاذ کنید .
بعد از آن می خواهید  پیام ترغیب و فراخوانی  را در بالای وب سات یا سر تیتر قرار دهید. اگر هم اکنون به صفحه وب سایتی که ان هستید نگاهی بیاندازید،  انچه پیش از حرکت به پایین  می بینید سر تیتر  یا  above the fold  است  و اینجا همان جایی است که  فراخوانی  و ترغیب باید جای گذاری  شود.

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

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

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

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

سازگار با تلفن همراه

راهنمایی های گوگل برای SEO تلفن همراه

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

ارکان طراحی ساده

با ابزار های سرعت صفحه گوگل ( Google Page Speed Insights ) سرعت وب را افزایش دهید

از برچسب ها (tags ) منحصر به فرد استفاده کنید

راهنمایی مبتدیان برای طراحی و توسعه SEO

برچسب (تگ) عنوان، مهم ترین بخش کد HTML در یک صفحه وب برای اهداف SEO است، چرا که تگ عنوان به خزنده (کراولر) گوگل می گوید چگونه محتوای صفحات وب سایت را تفسیر کند. هر صفحه ای باید دارای تگ عنوان منحصر به فرد و خاص باشد تا محتوای صفحه را مشخص کند و عبارت های کلیدی اولیه را در هم ادغام نماید.

توضیحات متا (META) منحصر به فرد

توضیحات متا قطعات کوچک HTML هستند که در زیر لینک Google’s SERPs ( صفحات نتایج موتور جستجو) ظاهر می شود. اگر این توضیحات به طور آموزنده و متقاعد کننده نوشته شده باشد، بیشتر مردم روی لینک کلیک خواهند کرد. توضیحات متا بسیار خوب به طور قابل ملاحظه ای ترافیک مربوطه را تقویت می کند و تبدیل ها را افزایش می دهد. در اینجا به چند نکته مهم برای نوشتن آنها اشاره می کنیم.

محتوا با کیفیت بالا

از پیکره و بدنه غافل نشوید!

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

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

جهت یابی و ساختار لینک های داخلی

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

آدرس ها (URL ها) 15 شیوه برتر SEO برای ساختار URL

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

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

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