استفاده از تگ های H1 و H2 برای معرفی سایت

بهتر است این کار برای عکس هایی که به عنوان لوگو در سایت هستند انجام گیرد و یا به صورت کلی در ابتدای سایت خود حتماً از کلمات کلیدی و توضیحات برای سایت استفاده کنید.

برای این کار از تگ <hgroup> استفاده کنید و در آن با استفاده از تگ های <h1> و <h2> متن کلیدی خود را درون آن بنویسید و سپس در CSS با استفاده از المنت text-indent از نمایش آن در سایت جلوگیری کنید.

برای نمونه در فایل index.html کد زیر را می نویسیم:

<header>

     <hgroup>

<h1 id="site-title"><a href="#" title="Hansel &amp; Petal Flower Company home  pages" rel="home"> Hansel &amp; 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 می باشد.

 

استفاده از تگ های H1 و H2 برای معرفی سایت

آخرین ویرایش درسه شنبه, 18 اسفند 1394 ساعت 22:18
محتوای بیشتر در این بخش: ارزیابی کدهای HTML »

دیدگاه‌ها   

0 #5 mahdi 1395-08-19 12:32
سلام و عرض ادب
ممنون از اینکه وقت گذاشتید راهنمایی کردید.
من هرکاری کردم نتوانستم نوشته های h1 و h2 را حذف کنم. طبق کدهای شما جایشان تغییر کرد ولی حذف نشدند.
ممنون از شما
نقل قول کردن
+1 #4 Seyyed Amir Tekyeh 1395-08-19 00:34
به نقل از mahdi:
با سلام و عرض ادب
ممنون از پاسخگوئی خوبتان.
من از سیستم تومیتو استفاده میکنم و تغییر دوم را در فایل stylesheet.css انجام دادم.
در تومیتو فایل های template.css و main-css.css وجود ندارد.
ادرس سایتم : hypershine.ir
با سپاس فراوان از شما



ببینید دوست عزیزم برای نمونه من کلمه ی کلیدی رو به جایی که لوگوتون هست رو اضافه کردم فقط کافیه شما در بالای تگ a لوگوتون از تگ h1 استفاده کنید مثلا من متن تگ a رو فروشگاه هایپرشان گذاشتم که بالا سمت چپ لوگو نشونش میده بعد توی فایل stylesheet کد زیر رو میندازم:
#headerBar > a {
position: absolute;
text-indent: -10007px;
}
نقل قول کردن
+1 #3 mahdi 1395-08-19 00:04
با سلام و عرض ادب
ممنون از پاسخگوئی خوبتان.
من از سیستم تومیتو استفاده میکنم و تغییر دوم را در فایل stylesheet.css انجام دادم.
در تومیتو فایل های template.css و main-css.css وجود ندارد.
ادرس سایتم : hypershine.ir
با سپاس فراوان از شما
نقل قول کردن
+1 #2 Seyyed Amir Tekyeh 1395-08-18 21:54
به نقل از mahdi:
با سلام
با تشکر از آموزش خوب شما
من کدهای قسمت اول را قرار میدهم و تگ های H1 و H2 در بالای صفحه بوجود می آیند ولی با گذاشتن کدهای قسمت دوم که برای محو کردن نوشته های H1 و H2 است این امکان انجام نمیشود.
لطفا راهنمایی فرمائید.
با تشکر


با سلام و احترام فراوان

دوست عزیز شما باید مطمئن شوید که کد بخش دوم را در css اصلی سایت که همیشه لود میشود کپی نمایید. مثلا در جوملا فایل template.css و یا در وردپرس main-css.css فایل هایی هستند که معمولا به عنوان فایل css لود میشود.

موفق و سربلند باشید
نقل قول کردن
+1 #1 mahdi 1395-08-18 12:41
با سلام
با تشکر از آموزش خوب شما
من کدهای قسمت اول را قرار میدهم و تگ های H1 و H2 در بالای صفحه بوجود می آیند ولی با گذاشتن کدهای قسمت دوم که برای محو کردن نوشته های H1 و H2 است این امکان انجام نمیشود.
لطفا راهنمایی فرمائید.
با تشکر
نقل قول کردن

نوشتن دیدگاه


تصویر امنیتی
تصویر امنیتی جدید

بازگشت به بالا

تماس با سئوخانه

تیم فنی سئوخانه افتخار دارد تا در زمینه های آموزش سئو و بهینه سازی سایت - طراحی سایت - ارائه هاست و میزبانی وب درخدمت شما سروران گرامی باشد.

مدیر تیم سئوخانه: سید امیر تکیه

تلفن تماس: 4277 76 44 21 98+

ایمیل: Info @ SeoKhane.Com

آدرس: تهران - دهکده المپیک - ضلع جنوب غربی میدان المپیک - خیابان ساحل - کوچه 51 - پلاک 39 - طبقه اول - شرکت ایده پرداز داده های ابری آریا

(قرار ملاقات با هماهنگی قبلی)

کدپستی: 1485844111

تگ آموزش سئو - سئو سایت

آموزش سئو - آموزش سئو و بهینه سازی سایت - سئو سایت - سئو - آموزش بهینه سازی - آموزش سئو سایت - آموزش رایگان سئو و بهینه سازی - آموزش سیو - آموزش SEO - سئو چیست - معرفی سایت به موتور جستجو - سئو سازی - سئوخانه - کلمات کلیدی در گوگل - اموزش سئو

ورود کاربران سئوخانه

عضویت در خبرنامه

میزبانی وب و هاستینگ توسط شرکت ابر سرور

Top of Page