طراحی سایت , طراحی وب سایت , شرکت طراحی سایت کد ایران

آموزش هدینگ ها در HTML

آموزش هدینگ ها در HTML در نگاه اول موضوع خاصی نیستند. اما شاید شگفت زده شوید که ببینید مهم ترین مسئله همان هدینگ می باشد!

جدا از بحث روان تر کردن نوشته برای بازدید کننده، به ربات های گوگل نیز می فهماند که متن از کجا شروع و تا به کجا ادامه دارد.

در بحث سئو نیز بسیار مهم می باشد چرا که نحوه پراکندگی کلمه کلیدی را مشخص می کند.

به هیچ عنوان این مسئله را رد نکنید چرا که کل زحمات شما برای نوشتن محتوا بدون هدینگ هیچ معنی ای ندارد!

 

 

 

آموزش هدینگ در HTML و کاربرد آن ها

هدینگ ها در HTML و یا به عبارتی تیترها به صورت زیر تعریف می شوند:

 

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<h1>مهم ترین تگ هدینگ ها در HTML می باشد!
و هم چنین تگ <h6> نسبت به بقیه تگ ها اهمیت کمتری دارد

ولی در صورت نیاز می توانید تا h6 نیز استفاده نمایید. همه بسته به محتوا شما و ترتیب بندی آن می باشد.

 

حتما بخوانید : تگ متا چیست ؟

 

فواید استفاده هدینگ ها در html

جالب است بدانید موتورهای جستجو مانند گوگل برای ایندکس محتوا و ساختار یک وبسایت و صفحات وب از هدینگ ها استفاده می کنند

استفاده از هدینگ ها در html باعث میشود هویت یک وبسایت مشخص شود و به عبارت دیگر هدینگ ها معرف یک وبسایت می باشند

موضوعات اصلی یک وبسایت همیشه باید در تگ یا هدینگ <h1> قرار بگیرد و به ترتیب موضوعاتی که اهمیت کمتری دارند در تگ های <h2> و <h3> و ….. قرار میگیرند.

شاید موضوعاتی که برای شما گفتیم بسیار ساده و قابل درک باشد

 

نکته مهم :از تگ ها فقط برای عناوین استفاده کنید و اگر متنی را داخل هدینگ ها قرار دادید آن را بلد نکنید.

 

همان طور که توضیح دادیم تگ ها یا هدینگ ها در کد نویسی html بسیار حائز اهمیت هستند و باید برای عناوین و موضوعات اصلی یک وبسایت استفاده شوند تگ <h1> از همه ی تگ ها برای موتور های جستجو مهم تر است.

اگر وبسایتی دارید که میخواهید موضوع اصلی آن وبسایت را به موتور های جستجو معرفی کنید باید از تگ <h1> استفاده کنید

موضع دیگر که باید مورد بررسی قرار بگیرد این است که در قرار دادن مقالات و نوشته ها در وبسایت خود همیشه باید تیتر مقاله <h1> باشد اگر توضیحات بالا را متوجه شده باشید به این موضوع پی خواهید برد.

 

نکته بسیار مهم : در یک صفحه فقط یک تگ <h1> می توانیم داشته باشیم و همان طور که گفتیم اصلی ترین موضوع در صفحه شناخته می شود

 

نمونه ای از هدینگ ها را می توانید در عکس زیر مشاهده کنید:

آموزش هدینگ ها در HTML
آموزش هدینگ ها در HTML

 

هم چنین در هدینگ ها در html میتوان تگ هایی مانند تگ p را قرار داد

 

حتما بخوانید : سئو سایت

 

کاربرد هدینگ و اهمیت آن

حال میخواهیم با یک مثال اهمیت هدینگ ها و کاربرد آن را برای شما شرح دهیم و این موضوع را که هر هدینگ باید در کجا استفاده شود را برای شما توضیح دهیم:

فرض کنید میخواهیم یک مقاله در سایت قرار دهیم ابتدا باید عنوان مقاله را بنویسیم همان طور که گفتیم تمامی عناوین اصلی نوشته و مقاله ها باید <h1> باشد پس این موضوع کاملا مشخص است.

خوب میریم سراغ ادامه کار ، حال باید متن مقاله خود را در سایت بنویسیم،در اکثر مواقع مقاله ما دارای چندین بخش می باشد.

این را گفتیم که بگوییم هر بخش میتواند برای خود میتواند یک عنوان فرعی داشته باشد که مرتبط با موضوع اصلی مقاله است

در اینجا باید از هدینگ <h2> تا <h6>بسته به اهمیت آن ها برای عنوان های فرعی داخل متن مقاله استفاده کرد.

 

مطالب مرتبط
طراحی سایت تجاری

طراحی سایت تجاری – ساخت سایت تجاری – شرکت طراحی کد ایران

خب الان با این سوال ممکنه مواجه شید که اصلا طراحی سایت تجاری به چه معنا هست … ؟! آیا با طراحی سایت اختصاصی و یا طراحی وب سایت حرفه ای و یا باقی دسته بندی های صنف طراحان وب فرق دارد ؟ این سوال حتما در ذهن شماست که ساخت سایت تجاری به چه […]

Read More…

۰ comments
چگونه بازدید سایتمان را بالا ببریم

چگونه بازدید سایتمان را بالا ببریم ؟ – قسمت دوم – CodeIRAN

با درس دوم از مقاله چگونه بازدید سایتمان را بالا ببریم در خدمت شما هستیم. در درس اول از این مبحث در باره ی نقش کلمات کلیدی در بالا بردن بازدید سایت صحبت کردیم. اگر آن مقاله را مطالعه نکرده اید ، پیشنهاد می شود حتما آن را بخوانید و بعد به مطالعه این مقاله […]

Read More…

۰ comments
تعریف دامنه

دامین چیست – تعریف دامنه – گام به گام شناخت دامنه – کد ایران

دامین چیست و تعریف دامنه کدام است قبل از اینکه شروع به توضیح کنم بهتره  یک مثال بزنم… دامین یا همون دامنه یه اسمی هست که ما باید انتخاب کنیم… دامین چیست – تعریف دامنه با مثال ساده…   دامین چیست، برای تعریف دامنه همانطور که در مقاله هاست چیست توضیح دادم برای شناخت هاست […]

Read More…

۰ comments

 

 

مارا در شبکه های اجتماعی دنبال کنید

فیسبوک توییتر تلگرام اینستاگرام

شما میتوانید برای استفاده از ۱۷ دقیقه مشاوره حرفه ای رایگان از طریق زیر با ما شرکت طراحی سایت کدایران باما در ارتباط باشید :

تماس با ما >

 


Notice: get_currentuserinfo از نگارش4.5.0 منسوخ شده است! به‌جای آن از wp_get_current_user() استفاده نمایید. in /home/codeiran/public_html/wp-includes/functions.php on line 4648

نظری ثبت نشده است

خانـــــــــــه آموزش ها html - css آموزش هدینگ ها در HTML – کاربرد های هدینگ – CodeIRAN
×