بایگانی برچسب: h2

نویسنده: علی باقری نیا
تاریخ: ۱۱,آبان,۱۳۹۲
آخرین ویرایش: ۱۸ آذر ۱۳۹۵
۲ دیدگاه
1012 بازديد

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

تگ عنوان یا همون heading tags که بیشتر با h1 ...

امتیاز دهید :

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

  • تگ عنوان یا همون 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;}

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

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

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

    ————

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

  • تازه های وردپرس رو از کانال تلگرام خانه وردپرس دنبال کنید