تگ عنوان یا همون heading tags که بیشتر با h1 , h2 , h3 و … اونها رو میشناسیم ، یکی از مهم ترین مسائلی است که یک وبمستر یا وبلاگ نویس حتما باید از آن آگاهی داشته باشد زیرا که عنوان ها و کلید واژه های بکار رفته در آنها میشه گفت یکی از مهم ترین مواردی هستند که موتور های جستجو و حتی بازدید کننده ها متوجه می شوند که نوشته ای که در ادامه آن می آید در چه رابطه هستش.همچنین یکی از مهم ترین موارد بهینه سازی سایت همین تگ های عناوین می باشد که در رابطه با نمایش مطلب در موتور های جستجو بسیار حائز اهمیت می باشند.

آموزش استفاده مناسب از تگ های عنوان h1 , h2 , h3

تگ عنوان (header tags , h1 , h2 , h3) چیست ؟

این تگ های عناوین در واقع ارزش و درجه اهمیت عنوان ها رو می رسونند.این تگ ها بیشتر شامل h1 , h2 , h3 , h4, h5 , h6 می باشند که به ترتیب از بالا به پایین یعنی از h1 به h6 ارزش آنها کمتر می شود و گویای این مطلب هستند که مثلا مطلبی که تگ عنوان h1 را دارد بسیار مهم و عنوانی که تگ h6 را گرفته زیاد مهم نیست.

چگونه تگ های عنوان رو انتخاب کنیم ؟

همینطور که خودتون میبینید خوده منم عنوان ها رو ما بین تگ h قرار میدم ، البته Bold کردن و heading tags مثل h1 , h2 و … رو اشتباه نگیرین یه وقت !!

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

ادیتور وردپرس-تگ عنوان

اما اگر خودتون کد نویسی می کنید کافیه عبارت مورد نظرتونو برای مثال ما بین دو تگ <h1> … </h1> قرار بدید.

آموزش انتخاب تگ عنوان مناسب

طبق جدول زیر تگ های مناسب برای عنوان های خودتون برگزینید.سعی کنید جدول رو در ذهنتون داشته باشید مخصوصا برای h1 , h2 , h3 که مهم تر هستند.

تگ عنوان – heading tag

مکان مناسب استفاده

بهترین تعداد بکار بردن

h1

عنوان مقاله یا مطلب

۱ بار

h2

عناوین داخل مطلب

بین ۲ تا ۵ بار

h3

زیر عنوان های داخل مطلب

تا ۶ بار

h4

عنوان برای منوها یا عنوان نظرات

بدون محدودیت

h5

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

بدون محدودیت

h6

عنوان برای فوتر (footer) سایت

بدون محدودیت


برای این که ظاهر مناسبی هم این تگ های عنوان داشته باشند شما باید تو شیوه نامه خودتون ویژگی هاشو تعریف کنید مثل اندازه فونت ، نوع فونت ، bold بودن و … . من مثلا خودم تگ h1 رو با فونت B-yekan گذاشتم ( آموزشی هم قبلا در رابطه با
بکاربردن فونت دلخواه در سایت گذاشته بودم ) .

استایل و ظاهر تگ های عنوان h1 , h2 , h3

برای مثال من یک شیوه نامه در زیر آوردم که ببینید.


.single-post h2 {line-height: 20px;
 font: 20px BYekan, Tahoma, Geneva, sans-serif;
 letter-spacing: .3px;
margin: 10px 0 20px 0;
 clear: both;}

چند نکته در مورد تگ عنوان ها

۱-سعی کنید کلید واژه های اصلی رو داخل این عنوان جوری بگنجانید که هم خواننده رو جلب کنه ، هم بی ربط نباشه ، هم کلید واژه ای باشه که زیاد سرچ مشه !

۲-زیاده روی در استفاده از این تگ ها خوب نیست ! در جدول بالا یک حدود مناسبی از تعداد به کار بردن آوردم.

————

منبع انگلیسی مقاله 

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 30 رای
Loading...