استفاده از تگ های H1 و H2 برای معرفی سایت
- منتشرشده در پارامترهای پیشنهادی برای بهینه سازی سئو SEO سایت
بهتر است این کار برای عکس هایی که به عنوان لوگو در سایت هستند انجام گیرد و یا به صورت کلی در ابتدای سایت خود حتماً از کلمات کلیدی و توضیحات برای سایت استفاده کنید.
برای این کار از تگ <hgroup> استفاده کنید و در آن با استفاده از تگ های <h1> و <h2> متن کلیدی خود را درون آن بنویسید و سپس در CSS با استفاده از المنت text-indent از نمایش آن در سایت جلوگیری کنید.
برای نمونه در فایل index.html کد زیر را می نویسیم:
<header>
<hgroup>
<h1 id="site-title"><a href="#" title="Hansel & Petal Flower Company home pages" rel="home"> Hansel & Petal Flower</a></h1>
<h2 id="site-description">From our garden to your home</h2>
</hgroup>
</header>
و در فایل CSS می نویسیم:
site-title a}
آدرس عکس یا لوگوی سایت
background: url("/images/zt_harpy/logo.jpg") no-repeat;
height: 183px;
width: 900px;
display: block;
text-indent: -9999px;}
#site-description{
position: absolute;
text-indent: -9999px;}
نکته: بعضی از دستورات بکار گرفته شده در رشته کد بالا مربوط به html5 می باشد.