تگ Section و Article در HTML5

برای نوشتن قالبی متناسب با اصول سئو باید تگ های جدیدی که در HTML5 معرفی شده اند را با رعایت استاندارد ها بکار برد.

تگ  Section و Div

تگ هایی که معمولا برای تعیین یک بخش یا قسمت مجزا در یک سند وب استفاده میشوند تگ <Div> و تگ <Section> هستند.

استفاده صحیح از تگ Section

تگ جدید <Section> جایگزینی برای تگ Div معرفی نشده بلکه بحث معناگرایی و مفهوم یک سند HTML5 را برای موتور های جستجو آسان تر میکند. تگ Div در قسمت هایی که عمومیت دارد و معنای خاصی نداشته باشد استفاده میشود. طبق مستندات سایت W3school تگ Section برای محتوایی که ارتباط معنایی دارند و دارای heading هستند مورد استفاده قرار میگیرند. نمونه کد استفاده از تگ Section :

<article class="forecast">
<h1>Weather forecast for Seattle</h1>
<article class="day-forecast">
<h2>03 March 2018</h2>
<p>Rain.</p>
</article>
<article class="day-forecast">
<h2>04 March 2018</h2>
<p>Periods of rain.</p>
</article>
<article class="day-forecast">
<h2>05 March 2018</h2>
<p>Heavy rain.</p>
</article>

تگ Article

این تگ برای نمایش یک مقاله ، پست یا مطلب درون صفحه وب استفاده میشود و شامل محتوای مطلب ، نویسنده مطلب ، تاریخ انتشار و… است. همانطور که در تصاویر مشاهده میکنید برای ربات موتور های جستجو به راحتی قابل فهم و بحث معناگرایی در سئو رعایت شده است.

عنصر <article> اغلب با section و DIV اشتباه گرفته میشود

یک عنصر <article> علاوه بر محتوا، معمولا دارای یک عنوان (معمولا در یک عنصر هدر) و گاهی اوقات یک فوتر میباشد. ساده ترین راه برای درک <article> استفاده از آن در وبلاگ است، هر ورودی وبلاگ را نیز میتوان در داخل یک عنصر <article> قرار داد. از این عنصر برای محتوای صفحات استاتیک نیز میتوان استفاده کرد مانند صفحه درباره ما ، تماس با ما و …

تفاوت بین HTML4 و HTML5

تگ <Article> و <Section> تگ های جدید در HTML5 هستند.

 

 

دیدگاه ها

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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

محصولات و دوره های آموزشی

    درحال بروزرسانی

مشاهده همه دوره های آموزشی

یاد بگیرید حرفه ای کارکنید تا به درآمد بالا برسید

0