سینا صالحی فرد 20 اردیبهشت 1393 2 3515 بازدید آموزش HTML
فیلم آموزشی آشنایی با تگ های heading (سرتیتر) در HTML

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

آنچه در این فیلم آموزشی خواهیم آموخت :

  • نحوه استفاده از تگ های heading
  • آموزش نحوه لینک کردن سرتیترها در html
  • بیان کاربرد تگ های heading در طراحی وب سایت
  • چگونگی استفاده از عناصر <h1>…<h6> برای بهبود سئوی سایت شما

فیلم آموزشی آشنایی با تگ های heading (سرتیتر) در HTML

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

متن فیلم آموزشی آشنایی با تگ های heading (سرتیتر) در HTML

برای ایجاد تیترها در صفحات وب می توانیم از تگ های heading tags) h) استفاده کنیم که بصورت زیر نوشته می شوند :


<h1>sample heading one</h1>

<h2>sample heading two</h2>

<h3>sample heading three</h3>

<h4>sample heading four</h4>

<h5>sample heading five</h5>

<h6>sample heading six</h6>

1

دقت کنید که ما نباید برای اندازه تیترها از تگ های h استفاده کنیم زیرا اندازه و … آن ها را می توان با css تغیر داد.

زمانی که در محتوای وب سایت شما جمله یا کلمه ای نقش تیتر دارد، باید از تگ های h استفاده کنید. علاوه بر اینکه استفاده از تگ های h روش اصولی برای تیتر ها است، به seo ی سایت شما هم کمک می کند، بطوری که گوگل یا موتور های جستجو، h1 را مهمترین تیتر صفحه می دانند و h2 تیتر ثانویه و همینطور h3 و….

استفاده کردن از تگ های h باعث بالا رفتن سئو می شود و بسیار مفید است اما بیش از حد استفاده کردن یا استفاده نکردن از آن هم رابطه عکس دارد.

نکات استفاده از تگ های heading :

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

می توانیم چندین h2 داشته باشیم.

وh3  و بقیه هم همچنین ….

به عنوان مثال ما یک وبلاگ داریم و می خواهیم به وسیله تگ های html یک پست را ارسال کنیم :

نام پست را در h1 قرار میدهیم ===> باتری

زیر تیتر های آن را داخل h2 قرار می دهیم ==> راهکار های بالابردن عمر باتری

و اگر تیتر های داخلی داشتیم از h3 استفاده می کنیم و h4 و …

لینک کردن تیتر

ما به شما توصیه می کنیم که تیترهای وب سایت خود را بصورت لینک کد کنید تا باعث کاربرپسند بودن و هم باعث بالارفتن seo سایت شما شود.


<h1>

<a href="http://adress.com">link</a>

</h1>

2

توجه : ما نمی توانیم تگ های h را در تگ a قرار دهیم زیرا تگ های h یک تگ block level هستند و تگ block level در تگ inline level نمی تواند قرار گیرد.

3

تگ های heading در سایت آنلاینر:

 

4

به داخل پست دانلود افزونه آواتار برای وردپرس میرویم :

6

5

دسترسی سریع :

نظرات کاربران (2)



  1. افشین

    پست بسیار مفیدی بود

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

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      1- تگ های heading را باید بیرون از پاراگراف ها استفاده کنید.
      2- به وسیله ی CSS می توانید اندازه ی متن ها را کنترل کنید.