آموزش استفاده مناسب از تگ عنوان h1 , h2 , h3
تگ عنوان یا همون heading tags که بیشتر با 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
برای مثال من یک شیوه نامه در زیر آوردم که ببینید.
|
1
2
3
4
5
|
.single-post h2 {line-height: 20px; font: 20px BYekan, Tahoma, Geneva, sans-serif; letter-spacing: .3px;margin: 10px 0 20px 0; clear: both;} |
چند نکته در مورد تگ عنوان ها
۱-سعی کنید کلید واژه های اصلی رو داخل این عنوان جوری بگنجانید که هم خواننده رو جلب کنه ، هم بی ربط نباشه ، هم کلید واژه ای باشه که زیاد سرچ مشه !
۲-زیاده روی در استفاده از این تگ ها خوب نیست ! در جدول بالا یک حدود مناسبی از تعداد به کار بردن آوردم.
————
مطالب زیر را حتما بخوانید:
قوانین ارسال دیدگاه در سایت
- چنانچه دیدگاهی توهین آمیز باشد و متوجه اشخاص مدیر، نویسندگان و سایر کاربران باشد تایید نخواهد شد.
- چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.
- چنانچه از لینک سایر وبسایت ها و یا وبسایت خود در دیدگاه استفاده کرده باشید تایید نخواهد شد.
- چنانچه در دیدگاه خود از شماره تماس، ایمیل و آیدی تلگرام استفاده کرده باشید تایید نخواهد شد.
- چنانچه دیدگاهی بی ارتباط با موضوع آموزش مطرح شود تایید نخواهد شد.
ممنون عالی بود
ممنون بازم به ما سر بزن رضا جان