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

آموزش هدینگ ها در 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>بسته به اهمیت آن ها برای عنوان های فرعی داخل متن مقاله استفاده کرد.

 

مطالب مرتبط
اینماد چیست

اینماد چیست – نماد الکترونیکی به چکار می آید؟ – CodeIRAN

برای شناخت اینماد و اینکه بدونیم اینماد چیست و نماد الکترونیکی به چکار می آید؟، بهتون پیشنهاد میکنم مطالب زیر رو دنبال کنید ؛ )   اینماد چیست و چه استفاده ای از آن می شود؟   آیا میدانید اینماد چیست ؟؟ اجازه بدید مثالی بزنم … حتما تا حالا براتون پیش اومده که از […]

Read More…

۰ comments
طراحی سایت گل فروشی,طراحی وب سایت فروش گل

طراحی سایت گل فروشی و گلخانه آنلاین

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

Read More…

۰ comments
پایتون

پایتون مار خوش خط و خال دنیای برنامه نویسی – CodeIRAN

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

Read More…

۰ comments

 

 

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

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

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

تماس با ما >

 



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

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