سفارش تبلیغ
تبلیغات در پارسی بلاگ

استانداردهای طراحی سایت چیست؟

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

استانداردهای طراحی سایت چیست؟

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

لوگو سایت

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

دکمه تماس

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

منو و دسترسی

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

  • درباره ما
  • تماس با ما
  • پیوند به صفحه اصلی
  • خدمات

 گرافیک سایت

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

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

نوار ابزار جستجو

بیش از 50% از سایت ها دارای نوار ابزار جستجو هستند، اما این موضوع نمی تواند به عنوان استانداردی در طراحی سایت ضروری باشد زیرا این ابزار تنها زمانی مورد نیاز است که اطلاعات سایت شما بسیار زیاد است و به راحتی در دسترس کاربران نیست.

دکمه ثبت نام

حدود 20% از سایت ها در قسمت فوتر دارای دکمه ثبت نام هستند، اما این یک استاندارد قطعی نیست. زیرا اولاً لزومی ندارد در همه سایت ها ثبت نام کنید و دوماً معمولاً شرایط استفاده و قوانین در فوتر سایت قرار می گیرد.

آیکون شبکه های اجتماعی

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

طراحی سایت واکنشگرا

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

دسترسی بودن

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

ظاهر سایت

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

رونوشت: پرتال



کلمات کلیدی :

اهمیت متا تگ در طراحی سایت

 

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

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

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

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

متا تگ ها به سه نوع تقسیم می شوند:

  • تگ های عنوان
  • تگ کلمات کلیدی
  • تگ توضیحات

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

تگ عنوان

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

تگ کلمات کلیدی

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

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

تگ توضیحات

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

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

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

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

رو نوشت از سایت پرتال



کلمات کلیدی :

استفاده از رنگ مشکی در طراحی سایت

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

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

طراحی سایت با رنگ مشکی

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

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

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

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

 

پرتال



کلمات کلیدی :

هشت اشتباه بزرگ در طراحی سایت

مطمئناً همه ما سایت هایی را دیده ایم که در نگاه اول حس خوبی به ما داده اند و ما پس از چند ثانیه آن سایت را ترک کرده ایم. اما تا به حال از خود پرسیده اید که چرا این اتفاق می افتد؟

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

استفاده از محتوای طولانی و نا منظم

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

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

عدم استفاده از ابزار جستجو در سایت

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

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

استفاده از فونت های نامناسب

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

استفاده از فرم های طولانی

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

نبود طراحی سایت ریسپانسیو

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

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

ثبت نام اجباری پس از ورود به وب سایت

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

پخش موسیقی در سایت

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

استفاده از تصاویر نامرتبط و بی کیفیت

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

منبع: پرتال



کلمات کلیدی :

9 روش برای افزایش ترافیک سایت

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

مطمئناً کم بودن میزان ترافیک سایت شما دلیلی منطقی دارد. در این مقاله سعی کردیم 9 روش برای افزایش ترافیک سایت را برایتان بیان کنیم. با رعایت این نکات می توانید ترافیک خوبی را به سایت خود بکشانید. با ما همراه باشید.

تولید محتوا

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

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

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

خوانش آسان محتوا

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

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

سرعت بارگذاری سایت

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

تا حد امکان مطمئن شوید که سایت تان زیر ساخت های مناسبی دارد و وب سایت تان بسیار سریع بارگذاری می شود.

استفاده از زبان CSS3 و HTML5

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

ناوبری و جستجو گزینه ها

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

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

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

طراحی سایت ریسپانسیو

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

تصاویر و فیلم ها

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

رفع خطاها

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

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

رونوشت از پرتال



کلمات کلیدی :