طراحی وب سایت چیست؟2016

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

طراحی وب سایت چیست؟

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

طراحی بخشی از طراحی وب سایت است.

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

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

هنگامیکه شما یک وب سایت طراحی میکنید، میتوانید روی تمام سایت یا صفحات تکی کار کنید و چیزهای زیادی برای اینکه تبدیل به یک طراح ماهر شوید وجود دارد:

► HTML

► CSS

► جاوا اسکریپت (و آژاکس)

► برنامه نویسی CGI

► PHP، ASP، برنامه نویسی ColdFusion

► XML

► معماری اطلاعات

► SEO

► مدیریت سرور

► استراتژی وب و بازاریابی

► تجارت الکترونیک و تبدیل

► طرح

► سرعت

► محتوا

► و خیلی بیشتر...

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

من HTML یاد گرفتم، حالا چه کار کنم؟

در طراحی وب سایت، سوالی که اغلب در ذهن توسعه دهندگان جدید وب وجود دارد این است که، من HTML یاد گرفته ام، حالا باید چه کار کنم؟ گزینه های زیادی برای توسعه دهندگان وجود دارد، میتوان حوزه وب را سه بخش معرفی کرد:

توسعه دهندگان محتوا :

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

هنرمندان گرافیک :

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

برنامه نویسان

در توسعه وب، برنامه نویسی بیش از HTML را شامل میشود:

► PHP

► صفحات فعال سرور

► JavaScript

► اپلتهای جاوا

► اسکریپتهای CGI

► Perl

در حال حاضر پس از زبان ASP ، PHP محبوب ترین زبان برنامه نویسی در وب است.

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

طراحی چیست؟

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

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

► برنامه ریزی و ساختن هنری یا ماهرانه.

► قصد داشتن برای یک هدف مشخص.

► به شکل درآوردن و یا تصور در ذهن ؛ تدبیر کردن؛ طرح ریزی کردن.

► اختصاص در اندیشه یا هدف. مقصود.

► شکل ظاهری یک وب سایت به مثابه یک کل.

► شخص یا تیم مسئول ساخت یک سایت با "ظاهر خوب"

► شکل ظاهری یک صفحه وب فردی.

► کار ساخت یک وب سایت

► شخص یا تیم مسئول برای برنامه نویسی وب سایت

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

رابط کاربری

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

عناصر بصری

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

ساختار سایت

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

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

در حالی که کار یک طراح وب به طور چشمگیری تغییر کرده است، در نهایت، یک تیم طراحی وب سایت، شامل افرادی است که کارهای مختلفی انجام میدهند. کار طراحی شامل (اما نه محدود به):

► معماران اطلاعات

► هنرمندان گرافیک

► متخصصان بازاریابی

► کارشناسان رابط کاربری

► نویسندگان HTML، CSS و JavaScript

► برنامه نویسان PHP، پایگاه داده، و زبان های دیگر

اسرار طراحی وب سایتهای موفق2016

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

اسرار طراحی وب سایتهای موفق

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

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

در اینجا نکاتی را در مورد طراحی برای به موفقیت رسیدن حتمی وب سایتتان معرفی خواهیم کرد:

♦ فضای وب خود را مرتب کنید.

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

♦ از هدر ثابت استفاده کنید.

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

♦ آیکون های شبکه های اجتماعی خود را اضافه کنید.

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

♦ صفحاتتان را با استایل عوض کنید.

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

♦ فیلترهای لایک اینستاگرام را به عکس هایتان اضافه کنید.

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

♦ تصاویر خود را با گالری های عکس هایلایت کنید.

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

♦ لوگوی شخصی به هدر وب سایتتان اضافه کنید.

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

♦ وب سایت خود را با گالری ویدئو  جذاب کنید .

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

♦  صفحه "contact" خود را شخصی کنید.

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

11 گام برای ایجاد وب سایت از یک قالب خالی2016

11 گام برای ایجاد وب سایت از یک قالب خالی

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

11 گام برای ایجاد وب سایت از یک قالب خالی

کاربرانی که اطلاعات زیادی در مورد طراحی وب سایت ندارند ، معمولا ترجیح میدهند که از قالبهای آماده 

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

11

گام برای ایجاد یک وب سایت از یک قالب خالی :

1-اهداف سایتتان را بشناسید.

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

2-از دیگر وب سایتها الهام بگیرید.

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

3-ایجاد یک site map دقیق.

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

4-سبک خود را تعریف کنید.

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

5-برای استفاده از عکسها برنامه ریزی کنید.

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

6-متون پیشرفته آماده کنید.

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

البته شما میتوانید این متون را ویرایش و تغییر دهید ، اما اینکه پیام هر صفحه را در نظر داشته باشید برای طراحی خیلی مفید خواهد بود.

7-طرحبندی را به پایان برسانید.

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

8-عناصر طراحی را اضافه کنید.

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

9-محتوا را آپلود کنید.

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

10-از دیگر برنامه ها استفاده کنید.

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

11-کارکرد صحیح سایت تان را چک کنید.

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

اشتباهات ظاهری معمول در طراحی سایت2016

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

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

♦ ناهماهنگی صفحات یک وبسایت

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

♦ استفاده نادرست از رنگها

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

♦ استفاده از پاراگراف های بلند

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

♦ انتخاب نادرست نام دامنه (ِDomain)

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

♦ استفاده از صفحات سنگین و پر حجم

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

♦ استفاده از فریم (Frame)

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

♦ Resolution نادرست

درحال حاضر بیشتر کاربران کامپیوتر صفحه نمایشگر خود را برروی قدرت تفکیک 800 در 600 تنظیم میکنند. اگر شما صفحات وب خود را برای قدرت تفکیک 1024 در 768 طراحی میکنید باید به این نکته توجه کنید که کاربران برای آنکه بتوانند کل صفحه را ببیند مجبورند به چپ و یا راست پیمایش (scroll) کنند. اگر میخواهید صفحات وب شما در تمامی resolution ها درست نمایش داده شود میتوانید آنها را مبتنی بر Table پیاده سازی کنید و به جای آنکه از مقیاس Pixcel برای تعیین اندازه Table ها استفاده کنید , اندازه ها را بر حسب درصدمشخص کنید .برای مثال ویژگی width مربوط به table را به جای 800 برابر 100% قرار دهید.

♦ بکار نگرفتن تگ meta

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

♦ استفاده بی رویه از متنهای متحرک

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

♦ نبود ارتباط بین صفحات یک وب سایت

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

نقشه سایت چیست؟2016

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

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

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

در این مقاله طرح XML برای پروتکل نقشه سایت را شرح داده ایم.

فرمت پروتکل نقشه سایت متشکل از تگهای XML است. تمام مقادیری داده ای یک نقشه سایت باید entity-escape باشند . فایل خود باید با UTF-8 کدگذاری شود.

نقشه سایت باید:

• با تگ باز urlset شروع و با تگ بسته ی urlset پایان یابد.
• فضای نام (پروتکل استاندارد) داخل برچسب urlset مشخص شود.
• برای هر آدرس شامل یک ورودی url ،به عنوان برچسب XML پدر باشد.
• برای هر تگ پدر url شامل یک ورودی فرزند loc باشد.

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

مثال زیر یک نقشه سایت را نشان میدهد که شامل فقط یک URL  است و از تمام تگ های اختیاری استفاده کرده است. برچسب های اختیاری کج (ایتالیک) هستند.  ( در مثال به جای() از علامتهای <> استفاده کنید)

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">

   <url>

      <loc>http://www.example.com/

      <lastmod>2005-01-01

      <changefreq>monthly

      <priority>0.8

  </url>

</urlset>

تگهای XML  موجود در زیر توضیح داده شده اند.

♦ urlset: تگ ضروری

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

♦ url : تگ ضروری

 برای هر ورودی URL تگ والد است. برچسبهای باقیمانده فرزندان این برچسب هستند.

♦ loc : تگ ضروری

URL صفحه است. این URLباید با پروتکلی ( مانند HTTP ) شروع و با یک علامت اسلش (/) پایان یابد، اگر وب سرور شما به آن نیاز دارد. این مقدار باید کمتر از 2048  کاراکتر باشد.

♦ lastmod : تگ اختیاری

تاریخ آخرین اصلاح فایل میباشد. این تاریخ باید به فرمت W3C تاریخ ساعت باشد. این قالب به شما اجازه میدهد تا بطور مطلوب بخش زمان را حذف کنید و از YYYY-MM-DD استفاده کنید.

♦ changefreq : تگ اختیاری

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

• always  (همیشه)
• hourly  (هر ساعت)
• daily (روزانه)
• weekly  (هر هفته)
• monthly  (هر ماه)
• yearly  (هر سال)
• never  (هرگز)

مقدار “always” باید برای توصیف اسنادی استفاده شود که با هر بار دسترسی تغییر میکنند. مقدار “never” باید برای توصیف URLهای آرشیو استفاده شود.

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

♦ priority : تگ اختیاری

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

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

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