HTML5 و سئو [تگ های Figure و Figcaption]

[kellyhowell 3]

تگ Figure یک تگ جدید می باشد که با html5 ارائه شده است که به طراحان وب اجازه می دهد تا به توصیف تصاویر و یا دیگر محتوایی که خوانده شدن آن ها توسط موتور های جستجو دشوار است بپردازند.
یک تگ figure می تواند محتوای واقعی تصویر را برای موتور های جستجو مشخص کند و یا حتی می تواند چیزی جدا از محتوای واقعی موجود در تصویر و یا فیلم را ارائه دهد.
کلید کار اینجا این است که figure برای توصیف محتوای اصلی تصاویری که جزوی از محتوای اصلی مقاله هستند ضروری است، اما موقعیت آن در آن صفحه می تواند بدون تاثیرگذاری روی معنای محتوا تغییر پیدا کند.
با figcaption شما می توانید به تگ figure در توصیف شرح تصاویر کمک کنید.
Figure ها فقط مختص تصاویر نیستند. بیشتر استفاده های متداول از تگ figure در تصاویر می باشد که با تگ figcaption نیز شرحی برای آن تصاویر داده می شود اما figure ها تنها برای تصاویر ساخته نشده اند. شما می توانید یک بلوک از کد ها، و یا قسمتی که نقل قول شده است اما جزو جریان اصلی نوشته نیست را با figure توصیف کنید.

روش استفاده از تگ ها figure و figcaption

وقتی شما ایک تگ figure در صفحه وب خود قرار می دهید ، مرورگر ها باید تصایر و یا دیگر محتوای درون figure را در یک بلوک قرار دهند (شبیه div می باشد). اگر شما نیاز به استایل خاصی برای figure داریدمی توانید از css استفاده کنید.
تگ figure بدین شکل استفاده می شود:


<figure id="figure1">
<img src="figure1.gif" alt="Figure 1: An image">
</figure>
و یا می توان با تگ figcaption این کار را انجام داد:


<figure id="figure2">
<img src="shasta.jpg" alt="My Dog Shasta">
<figcaption>My Dog Shasta</figcaption>
</figure>
تگ figcaption می تواند اول بیاید و شما می تواند چندین تصویر را درون تگ figure قرار دهید:



<figure id="figure3">
<figcaption>Figure 1: My Dogs Shasta and McKinley</figcaption>
<img src="shasta.jpg" alt="My Dog Shasta">
<img src="mckinley.jpg" alt="My Dog McKinley">
</figure>