مرجع تخصصی آموزش طراحی و سئو وب سایت
صفحه اصلی / آموزش ها / تگ های اچ تی ام ال ضروری برای بهینه سازی و سئو سایت
تگ های اچ تی ام ال ضروری برای بهینه سازی و سئو سایت
نظرات: 3 نظر تگ ها: سئو وب سایت|آموزش سئو سایت

تگ های اچ تی ام ال ضروری برای بهینه سازی و سئو سایت


در این آموزش قصد داریم در مورد ساختار سایت برای بهینه سازی و سئو در استفاده از تگ های اچ تی ام ال بپردازیم. در ابتدا لازم است یک مقدار در مورد تگ های اچ تی ام ال توضیح بدهیم، هر صفحه ی وب سایت از کد ها یا تگ های متنی ساخته شده که وقتی مرور گر آن را باز می کند، این کد ها و تگ ها را تفسیر می کند و ظاهر صفحه را به کاربر نشان می دهد. در واقع هر کد یا تگ اچی تی ام الی باعث ایجاد یک المان در صفحه می شود. مثلا اگر بخواهیم یک تصویر در صفحه قرار دهیم از تگ img  استفاده می کنیم. یا اگر بخواهیم یک متن وارد کنیم باید از تگ p استفاده کنیم. استفاده کردن از تگ های اچ تی ام ال به این شکل است که هر تگ یک شروع دارد و یک پایان، و کد های نمایشی در بین این تگ شروع و پایان قرار می گیرند. حالا برای جزئیات بیشتر در قسمت آموزش ها می توانید آموزش اچ تی ام ال را مطالعه کنید، در این آموزش قصد داریم در مورد تگ های کاربردی اچ تی ام ال برای بهینه سازی و سئو وب سایت صحبت کنیم. این که یک صفحه برای بهینه و سئو شدن چه تگ هایی را حتما باید داشته باشد.

موضوع از این قرار است که موتور جستجو این ظاهر و صفحه ای که ما داریم آن را می بینیم را نمی بیند. بلگه کد ها و تگ های اچ تی ام ال را می بیند. شما می توانید در هر مرورگری با رفتن به منوی مرورگر و یا راست کلیک روی صفحه و انتخاب view page source تمام کد ها و تگ های اچ تی ام الی که در آن صفحه وب سایت استفاده شده است را مشاهده کنید.

در ادامه نکاتی که در استفاده از تگ های ضروری اچ تی ام ال برای طراحی صفحات وب سایت باید در نظر بگیرید تا با استفاده از آنها به بهینه سازی و سئو وب سایت تان کمک کنید را  را مطرح می کنیم.

تگ های استاندارد اچ تی ام ال کدامند؟

تگ های استاندارد اچ تی ام ال کدامند؟

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

 

کد های اصلی یک صفحه استاندارد اچ تی ام ال به این شکل هستند:

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

• تگ HTML تعیین کننده شروع و پایان یک صفحه وب سایت است.

• تگ HEAD محل رفرنس دهی ها و تنظیمات صفحه است.

• تگ BODY محل قرار گرفتن محتویاتی است که کاربر آن را می بیند.

معرفی تگ های اچ تی ام ال ضروری برای بهینه سازی و سئو وب سایت

معرفی تگ های اچ تی ام ال ضروری برای بهینه سازی و سئو وب سایت

حالا می خواهیم تگ های اچ تی ام ال ضروری برای بهینه سازی و سئو وب سایت را به شما معرفی کنیم:

معرفی تگ عنوان یا TITLE برای سئو وب سایت

معرفی تگ عنوان یا TITLE :

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

<TITLE>طرز تهیه قرمه سبزی</TITLE>

 

نکات استفاده از تگ تایتل برای سئو:

• متنی که در آن قرار بگیرد در عنوان و سربرگ صفحه وب سایت نمایش داده می شود.

• همچنین وقتی که جستجو انجام می شود در لیست نتایج جستجو، این متن تگ تایتل است که به کاربر نمایش داده می شود.

• وقتی سایت بوکمارک شود آن چیزی که ذخیره می شود این تگ تایتل است.

• هر تایتل فقط باید مختص یک صفحه باشد یعنی هرگز نباید در دو صفحه از یک تایتل یکسان استفاده کنید.

• تایتل نباید بیشتر از 65 کاراکتر باشد و حداقل هم از سه کلمه استفاده شده باشد

معرفی تگ متادیسکریپشن یا META DESCRIPTION برای سئو وب سایت

معرفی تگ متادیسکریپشن یا META DESCRIPTION :

تمام تگ های متا در بین تگ HEAD قرار می گیرند و تگ های متا هم جز مهم ترین تگ ها برای بهینه سازی و سئو وب سایت به حساب می آیند. تگ متادیسکریپشن جزو تگ هایی است که یک صفحه برای بهینه سازی و سئو حتما باید آن را هم داشته باشد. متاتگ دیسکریپشن در واقع شرح صفحه می باشد. و آن چیزی است که گوگل آن را می بیند. طرز استفاده از آن به شکل زیر می باشد.

<META NAME=”DESCRIPTION” CONTENT=”در این آموزش ما می خواهیم طرز پخت قرمه سبزی را به شما آموزش بدهیم”>

 

نکات استفاده از تگ متادیسکریپشن برای سئو:

• متن این تگ نباید بیشتر از 160 کاراکتر باشد.

• در این تگ جمله را طوری بنویسید که معنی داشته باشد.

• متن این تک در صفحه لیست نتایج گوگل زیر عنوان نمایش داده می شود.

معرفی تگ متاکیورد یا META KEYWORD برای سئو وب سایت

معرفی تگ متاکیورد یا META KEYWORD :

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

<META NAME=”KEYWORD” CONTENT=”آموزش آشپزی، آموزش پخت قرمه سبزی، طرز تهیه قرمه سبزی”>

معرفی تگ های هدینگ یا H برای سئو وب سایت

معرفی تگ های هدینگ یا H :

برای نوشتن عناوین در صفحه باید از تگ های هدینگ استفاده کنیم، این تگ ها هم برای بهینه سازی و سئو وب سایت شما بسیار اهمیت دارند. در اچ تی ام ال ما شش تگ هدینگ داریم که با عدد از H1 تا H6 شماره گذاری شده اند. و هر چقدر که عدد H کمتر باشد برای اولویت بهینه سازی و سئو کلمات شما قدرت بیشتری دارد. طرز استفاده از آن ها هم به شکل زیر است:

<H1>هدینگ اول</H1>

<H2> هدینگ دوم</H2>

<H3> هدینگ سوم</H3>

<H4> هدینگ چهارم</H4>

<H5> هدینگ پنجم</H5>

<H6> هدینگ ششم</H6>

 

نکات استفاده از تگ های هدینگ:

• هر صفحه شما فقط و فقط باید یک تگ H1 داشته باشد، نه بیشتر و نه کمتر. و باید موضوع آن صفحه را در این تگ قرار دهید.

• بهتر است متن تگ H1 با تگ تایتل متفاوت باشد.

• همینطور برای موضوع های بعدی صفحه به ترتیب اهمیت و اولویت بیشتر از تگ H2 تا تگ H6 استفاده کنید.

• از تگ های H2 تا H6 می توانید به مقدار مورد نیازتان استفاده کنید.

معرفی تگ لینک دهی یا A برای سئو وب سایت

معرفی تگ لینک دهی یا A :

یکی دیگر از تگ های مهم و میفید در صفحه برای بهینه سازی و سئو وب سایت شما تگ لینک دهی یا تگ A می باشد. با استفاده از این تک شما قادرید در صفحه یک لینک ایجاد کنید تا وقتی که کاربر روی آن لینک کلیک کرد به صفحه ای که شما مشخص کرده اید هدایت شود. طرز استفاده از آن به این شکل می باشد:

<A HREF=”آدرس مقصد” TITLE=”شرح لینک”>متن لینک</A>

 

نکات استفاده از تگ لینگ دهی یا تگ A :

• بهتر است برای لینک دهی، در متن لینک از کلمات کلیدی تان استفاده کنید.

• در متن تایتل باید در مورد اینک یه توضیح یا معرفی بنویسید، این متن وقتی به کاربر نمایش داده می شود که اشاره گر موس را روی لینک قرار دهد، یک تولتیپ باز می شود و متن داخل تایتل را به کاربر نشان می دهد.

• تا جایی که امکان دارد متن لینک را کوتاه انتاب کنید.

معرفی تگ تصویر یا تگ IMG برای سئو وب سایت

معرفی تگ تصویر یا تگ IMG :

با استفاده از این تگ می توانید در صفحه خود یک تصویر قرار دهید. استفاده کردن از تصاویر در صفحات وب سایت یکی دیگر از نکات بسیار مهم و با ارزش برای بهینه سازی و سئو وب سایت شما می باشد، گوگل برای صفحاتی که دارای تصویر هستند ارزش بیشتری قائل می شود. نحوه استفاده از آن به این شکل می باشد:

<IMG SRC=”آدرس تصویر” ALT=”متن” TITLE=”متن”/>

 

نکات استفاده از تگ تصویر یا تگ IMG :

• مهم ترین نکته ای که در تگ تصویر وجود دارد استفاده کردن از ALT یا متن جایگزین عکس می باشد، زمانی که مرورگر آدرس تصویر وارد شده را پیدا نکند متن درون ALT این تگ را به کاربر نمایش می دهد.

• متن جایگزین یا ALT تصاویر حتما حتما باید برای تصاویر وب سایت وجود داشته باشند و سعی کنید حتما از کلمات کلیدی در این متن جایگزین تصاویر استفاده کنید.

• متن TITLE هم مثل تگ لینک می باشد که بهتر است آن را هم مقدار دهی کنید.

جمع بندی آموزش تگ های اچ تی ام ال ضروری در سئو

جمع بندی آموزش تگ های اچ تی ام ال ضروری در سئو

 

در این آموزش سعی کردیم کد ها و تگ های اچ تی ام ال ضروری در سئو و بهینه سازی وب سایت را خدمت شما عزیزان معرفی کنیم. استفاده از تمامی تگ های معرفی شده در این صفحه ضرورت دارد و اگر می خواهید صفحات وب سایت تان را بهینه سازی و سئو کنید حتما باید از تگ های گفته شده در این آموزش استفاده کنید.

این تگ ها به قدری مهم هستند که شاید نبودن یکی از آن ها در صفحه، تاثیر بسیار منفی در امتیاز دهی موتور های جستجو به صفحه شما دارد.

 

دیدگاه کاربران