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

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

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

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

[hdplay id=25]

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

[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.ir/html-videos/heading-tags.mp4′]دانلود فیلم آموزشی آشنایی با تگ های heading (سرتیتر) در HTML[/video_download]
[/free_vip]

دسترسی سریع :

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

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

[html]

<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>

[/html]

Array

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

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

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

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

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

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

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

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

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

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

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

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

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

[html]

<h1>

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

</h1>

[/html]

Array

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

Array

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

 

Array

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

Array

Array

دسترسی سریع :

دیدگاه خود را برای ما ارسال کنید

2 Comments
    • افشین
    • ۱۳۹۵-۰۱-۰۷
    پاسخ

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

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

      • گروه آموزش طراحی سایت
      • ۱۳۹۵-۰۱-۲۹
      پاسخ

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

  1. Pingback: آموزش عنصر HEADER و کاربرد آن در HTML - یک میزبان

  2. Pingback: آموزش عناصر H1 تا H6 در HTML - یک میزبان