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

یک ایده اشتباه در میان برخی طراحان سایت و کارشناسان سئو وجود دارد که میگویند:

    چیزی بعنوان بهینه سازی سایت برای موبایل وجود ندارد، زیرا مرورگرهای متناسب آنها و تکنولوژی های استفاده شده هر روز در حال تغییر هستند پس امکان بهینه سازی و سئو بر روی دستگاه های هوشمند نیست!

سه دلیل اصلی جهت بهینه سازی سایت برای موبایل و تبلت میتوان ذکر کرد:

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

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

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

برتری این روش به دو روش دیگر آن است که تشخیص کاربرانی که با گوشی همراه خود وارد شده اند بسیار ساده تر بوده و نیازی به ریدایرکت کردن آنها به آدرس جدیدی وجود ندارد.

پذیرایی مجزا یا Dynamic Serving روش پیشنهادی دوم از طرف گوگل برای بهینه سازی نسخه موبایل سایت است. در این روش کدهای HTML نمایش داده شده به کاربران با توجه به نوع دستگاه مورد استفاده تفاوت میکند و شما برای انجام این کار نیازمند کدنویسی های پیشرفته و متناسب در هدر سایت خود خواهید بود.

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

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

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

مت کاتس بعنوان مدیر ارشد مبارزه با اسپم گوگل در پاسخ به یکی از کاربران فروم وبمستر گوگل درباره دامنه های رنک دار قدیمی و تاثیر آن بر سئو اینچنین گفته است:

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

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

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

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

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

اینترنت اجتماعی است از انواع و اقسام ماشین های ناسازگار با سیستم عامل های متفاوت و نرم افزارهای کاربردی جور واجور! وقتی قرار است این اجتماع رنگارنگ و ناسازگار بر سر سفره جهانی وب بنشینند بایستی زبانی مشترک برای تدوین و تبادل اطلاعات و اسناد داشته باشند. به گونه ای که این تفاوت ها و ناسازگاری ها احساس نشود. بنیادی ترین نیاز وب یک زبان واحد و استاندارد برای تدوین و صفحه آرایی اسناد وب بود. به گونه ای که هیچ وابستگی به سخت افزار یا نرم افزار خاصی نداشته باشد. به عبارت دیگر صفحات وب بایستی به گونه ای تدوین و صفحه آرایی شود تا بر روی تمام ماشین ها اعم از VAX، IBM PC، SUN، Apple به یک شکل نمایش یابد و طریقه تفسیر و نمایش آن به هیچ عامل خارجی وابستگی نداشته باشد.

اولین زبان نشانه گذاری رسمی وب، HTML (Hyper text markup language) بود که در سال 1989 میلادی توسط Tim Berners-Lee ابداع شد. تقریبا تمام وبسایت های دنیا به نحوی از زبان HTML برای نمایش هم زمان متن، تصویر، انیمیشن، فیلم و صدا بهره میگیرند. این زبان تحت نظارت و قیومیت کنسرسیوم جهانی وب (با عنوان w3c یا world wide web consortium) قرار دارد و در خلال دهه گذشته چندین بار بازبینی و به روز شده است و اکنون از نسخه 4 آن استفاده می شود. برای کسب آگاهی از توصیف دقیق این زبان می توانید به آدرس www.w3c.org مراجعه کنید.

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

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

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

به عنوان مثال متن ساده Hello Tebyan را در نظر بگیرید. با برچسب های <I><B>Hello Tebyan</B></I> می توان مرورگر را وادار کرد تا متن را به صورت پر رنگ و ایتالیک به صورت Hello Tebyan نمایش دهد.

در واقع برچسب <B> میگوید که متنی که میان <B>…</B> قرار گرفته را Bold یا پررنگ بکن و متنی که درون <I>…</I> قرار گرفته را به شکل ایتالیک در بیار. حال چون متن Hello Tebyan در بین هر دو تگ قرار دارد هر دو تگ بر متن اعمال می شود و متن به صورت نهایی گفته شده تبدیل می شود.

برای نوشتن یک فایل HTML نیاز به هیچ برنامه خاصی ندارید. می توانید به سادگی متن مورد نظر را با تگ هایی که میخواهید در یک ویرایشگر متنی ساده مثل Notepad با پسوند .html ذخیره کنید.

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

DHTML: HTML پویا

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

دروپال یکی از ده ها سیستم مدیریت محتوای (CMS) متن بازی هست که برای انتشار و مدیریت محتوا در وب مورد استفاده قرار می گیرد.

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

سیستم مدیریت محتوا یا (CMS) Content Management System چیست؟

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

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

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

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

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

سیستم های مدیریت محتوای زیادی مانند وردپرس، جوملا، دات نت نیوک، تایپو3 و ... وجود دارند که برای استفاده برخی از آنها نیاز به پروانه بهره برداری دارید. برای مقایسه سیستم های مدیریت محتوا می توانید کلید واژه هایی مانند: Drupal vs. Wordpress یا Drupal vs. joomla و ... را در گوگل جستجو کنید.

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

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

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

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

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

طراحی زیبای سایت

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

• استفاده از سایه در طراحی زیبای سایت

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

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

• تاثیر گرادیان رنگ در طراحی زیبای سایت

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

چه زمانی از گرادیان رنگ استفاده کنیم؟

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

• تصاویر گرافیکی و طراحی زیبای سایت

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

طراحی زیبای سایت با استفاده از آیکون ها
چه زمانی از آیکون ها استفاده کنیم؟

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

جمع بندی

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