Sorry, no posts matched your criteria.

این سایت در ستاد ساماندهی ثبت شده و تابع قوانین جمهوری اسلامی میباشد

آموزش HTML، آشنایی با تگ‌های عنوان (هدینگ‌ها)

۱۰ دی ۱۳۹۶
بدون نظر

یکی از مهم‌ترین تگ‌هایی که باید برای طراحی یک صفحه‌ی وب بشناسید تگ‌های عنوان یا Heading Tags می‌باشند، همانگونه که از نام آن‌ها پیداست برای درج عنوان در صفحه‌ی وب استفاده می‌شوند، همچنین این تگ‌ها در سئو (بهینه سازی سایت برای موتورهای جستجو) نیز تاثیر به‌سزایی دارند، در ادامه با پاس کن ! همراه باشید تا با هم به بررسی این تگ‌ها پرداخته و بیشتر با آن‌ها آشنا شویم.

اچ تی ام ال , آموزش HTML، آشنایی با تگ‌های عنوان (هدینگ‌ها), پاس کن !

اگر به عنوان این آموزش دقت کرده باشید حتما متوجه شده‌اید که از کلمه‌ی تگ‌(ها) استفاده کرده‌ایم، به این دلیل که تگ‌های عنوان دارای ۶ عضو بوده که هرکدام تاثیر متفاوتی دارند، این تگ‌ها شامل 
h6 ، 
h5 ، 
h4 ، 
h3 ، 
h2 ، 
h1 می‌باشند، که به ترتیب در اندازه‌ی فونت نیز تاثیر می‌گذارند، تگ 
h1 بزرگ‌ترین سایز و بیشترین ارزش را در سئو دارد، پس از آن تگ 
h2 که سایز نسبتا کوچک‌تر و ارزش کمتری نسبت به تگ h1 دارد و به همین ترتیب سایر تگ‌ها ارزش کمتر و اندازه‌ی کوچک‌تری خواهند داشت.

این تگ‌ها نیز همانند سایر تگ‌هایی که در آموزش‌های قبلی دیدیم دارای دو تگ شروع و پایان می‌باشند، نحوه‌ی استفاده از آن‌ها به این صورت هست:

خروجی قطعه کد بالا به شکل زیر خواهد بود:

اچ تی ام ال , آموزش HTML، آشنایی با تگ‌های عنوان (هدینگ‌ها), پاس کن !

پیش‌نمایش تگ‌های عنوان

مشاهده می‌کنید که تگ h1 بزرگ‌ترین سایز و در عین حال بیشترین ارزش (از نظر موتوهای جستجو)  را دارد و به ترتیب کاهشی سایر تگ‌ها اندازه و ارزش کمتری دارند.

کاربرد تگ H1 چیست؟

همانگونه که گفتیم تگ H1 بیشترین ارزش را نزد موتورهای جستجو دارد، به همین علت از آن برای نمایش عنوان اصلی صفحه استفاده می‌کنیم.

به یاد داشته باشید، هنگام طراحی یک صفحه‌ی وب واقعی در هر صفحه تنها یک‌بار از تگ H1 استفاده کنید، استفاده از چندین تگ H1 برای سئوی سایت مناسب نیست و باعث سردرگمی موتورهای جستجو می‌شود!

کاربرد تگ H2 چیست؟

پس از تگ H1 تگ ‌H2 ارزش بالاتری نسبت به سایر تگ‌ها دارد، از این تگ برای نمایش زیر‌تیترهای نوشته استفاده کنید.

کاربرد تگ‌های H3 و H4 چیست؟

از تگ‌های H3 و H4 می‌توانید برای نمایش سایر لینک‌های و عناوین مرتبط استفاده کنید.

کاربرد تگ‌های H5 و H6 چیست؟

در نهایت می‌توانید عناوینی که ارزش کمتری دارند را در این تگ‌ها قرار دهید.

لطفا توجه داشته باشید، لازم نیست به طور همزمان از همه‌ی این تگ‌ها در صفحه‌ استفاده کنید، همانگونه که متوجه شده‌اید تگ‌های H1 تا H3 کاربرد بیشتری دارند، توصیه ما این هست که برای بهینه‌سازی سایت در موتورهای جستجو حتما از تگ‌های H1 و H2 استفاده کنید و در صورت لزوم از تگ‌های H3 و H4 نیز بهره‌مند شوید، اما استفاده از سایر تگ‌ها تاثیر چندانی نخواهد داشت.

به عنوان مثال، همین نوشته‌ای که در حال خواندن آن هستید را در نظر بگیرید، عنوان اصلی متن [ آموزش HTML، آشنایی با تگ‌های عنوان (هدینگ‌ها) ] در تگ ‌H1 قرار گرفته هست و زیر تیتر‌های اصلی مثل [ کاربرد تگ H1 چیست؟ ] در تگ H2 جایگذاری شده هست، سایر عناوینی که در اطراف نوشته و سایدبارها مشاهده می‌کنید نیز در تگ‌های H3 و H4 قرار گرفته‌اند.

برای آشنایی بیشتر با کاربرد این‌ تگ‌ها در سئو باید به آموزش‌های مرتبط با سئو مراجعه کنید، قصد ما در این آموزش معرفی تگ‌های هدینگ و کاربرد آن‌ها بود.

اما اگر می‌خواهید بیشتر با این تگ‌ها آشنا شوید تمرین زیر را انجام دهید.

تمرین این آموزش:

به کمک تگ‌های هدینگ مشخصات خود را در صفحه‌ی مرورگر نمایش دهید، با این شرایط که:

  • نام و نام‌خانوادگی شما باید بزرگ‌تر از سایر مشخصات باشد.
  • تاریخ تولد باید کوچک‌تر از نام و نام‌خانوادگی باشد.
  • شهر محل تولد نیز باید از تاریخ تولد کوچک‌تر باشد.
  • می‌توانید سایر مشخصاتتان را نیز به دلخواه خود بنویسید.

 

سخنی با شما دوست عزیز: تمام آموزش‌های پاس کن ! به صورت رایگان برای شما منتشر می‌شود و رایگان خواهد ماند، همچنین برای راحتی شما هیچ‌گونه تبلیغات مزاحمی در سایت درج نخواهیم کرد، اما با توجه به افزایش حجم مطالب و تعداد کاربران، برای تامین هزینه‌های سرور (Server) و ادامه‌ی فعالیت سایت به حمایت‌های شما نیازمندیم، اگر این آموزش برای شما مفید بود و از مطالعه‌ی آن لذت بردید، میتوانید با مبلغ ناچیزی (حتی ۱۰۰۰ تومان) از ما حمایت کرده و با این کار ارزشمند خود ما را در ادامه‌ی فعالیت سایت یاری دهید…

تمامی حقوق مادی و معنوی برای پاس کن ! محفوظ میباشد.

طراحی و بهینه سازی : هاست دانلود ایران | اورداپ سرور