اصول و قواعد طراحی سایتاصول و قواعد طراحی سایت تاریخ انتشار : 31 فروردین، 1396

اصول و قواعد طراحی سایت

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

فونت در طراحی سایت

فونت

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

البته این غیر ممکن نیست، شما می توانید از هزاران اندازه فونت استفاده کنید. اما استفاده از 2 و یا حداکثر 3 سایز مختلف فونت و محدود کردن اندازه متون سایت به آن سایز ها، خواندن مطالب سایت را آسوده تر و طراحی وب سایت شما را حرفه ای تر نشان می دهد.
در طراحی سایت خود برای هدینگ ها از فونت Serif و برای متون داخل سایت از Sans-Serif استفاده کنید. فونت های Sans-Serif برای مطالعه متون در صفحات اینترنت بسیار راحت تر از فونت های دیگر هستند.

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

گرافیک در طراحی سایت

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

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

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

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

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

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

تبلیغات در طراحی سایت


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

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

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

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

محتوای سایت را باید با در نظر گرفتن دو نکته تنظیم نمایید : 1- برای کاربران شما جذاب و مفید باشد 2- نکات مربوط به بهینه نوشتن متن برای موتورهای جستجو رعایت شده باشد و از نوشتن یکی دو خط توضیح برای یک مطلب خودداری نمایید.

اصول و قواعد طراحی سایت

تیم طراحی سایت وب کو وب همیشه آموزش هایی در این زمینه به مشتریان خود ارائه می دهد چون موفقیت سایت آنها مساوی موفقیت تیم وب کو وب


اشتراک گذاری در :

مقالاتی که پیشنهاد می شود بخوانید

Anchor Text چیست و تاثیر و اهمیت Anchor text در سئو
01 اردیبهشت

Anchor Text چیست و تاثیر و اهمیت Anchor text در سئو

بازدید: 1479

Anchor معنی لنگر را میدهد، در اصطلاح Anchor Text عبارت از متنی نامی میباشد که پیوندی به آن لینک میشود گوگل و تعداد دیگری از موتورهای جستجو، صفحات وب سایت ها را تحت تاثیر مستقیم متن پیوندی یا (Anchor Text ) به آن صفحات در نتایج جستجو نمایش می دهد. این موضوع یعنی اهمیت این متن ها در سئو را میتوان با نگاه كردن به نمونه های فوق العاده ای از صفحات وب سایت ها كه رتبه بالای نتایج جستجو در اختیار دارند درک نمود . Google bombs تقریباً آسان ترین [...]

پیج رنک چیست و نحوه محاسبه پیج رنک برای افزایش Page Rank سایت
29 فروردین

پیج رنک چیست و نحوه محاسبه پیج رنک برای افزایش Page Rank سایت

بازدید: 1984

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

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

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

بازدید: 1222

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

css چیست؟
28 فروردین

css چیست؟

بازدید: 1270

CSS یا Cascade Style Sheets  یک نوع زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است.زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر [...]

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟
29 فروردین

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟

بازدید: 997

گوگل پاندا (Google Panda) به تغییراتی گفته می شود  که از اواخر اسفند  1389  (فوریه 2011) در الگوریتم نمایش نتایج جستجو در گوگل اعمال شد و همچنان ادامه دارد. این تغییرات با هدف کاهش سایت های رتبه بندی شده یا  کیفیت پایین دنبال می شود و سایت های با کیفیت را در بالای صفحه نمایش نتایج جستجو نشان می دهد. در اثر این تغییرات، سایت هایی که حجم بسیار زیادی آگهی تبلیغاتی در خود جای داده بودند به رده های پایین سقوط کننند و وب [...]

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار
01 اردیبهشت

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار

بازدید: 4269

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