مطلب4

برای افزایش سئو html استفاده از تگ های

و شیوه ی درست در کدنویسی آنها می باشد html یکی از راههای افزایش سئو یک وب سایت , استفاده درست از تگ های

در این پست قصد دارم تگ هایی که بیشتر خاصیت سئویی دارند را معرفی و به آموزش شیوه استفاده از آنها بپردازم

می باشد  html5 این تگ ها بیشتر شامل تگ های

 

تگ هایی وجود دارد که مفهوم خاصی را به موتور های جستجو می فهمانند  html  در بین تگ های

در زیر به این تگ ها می پردازیم

1 – اگر در قسمتی  از سایت قصد Bold کردن نوشته ای را دارید , از تگ زیر استفاده نمایید .


<strong>آگاه سافت</strong>

 2 – متن هایی که در قسمت تماس نوشته میشود , شامل اطلاعات فردی , شماره تماس , آدرس شرکت و … را در بین تگ زیر قرار دهید .

<address>
    <p>نام : آگاه سافت </p>
    <p>تماس : 09100000000</p>
    <p>آدرس : تهران</p>
</address>
 

3 – اگر در قسمتی از سایت قصد داشتید نقل قولی از کسی را بنویسید . حتما نقل قول را در بین تگ زیر قرار دهید .

 

<blockquote>نقل قول</blockquote>

 4 – برای نمایش تکه کد کامپیوتری , مثلا تکه برنامه ای از زبان برنامه نویسی ++c یا asp , از تگ زیر استفاده نمایید .

 

<code>کد برنامه</code>
 

5 – زمانی که میخواهید قیمتی را خط بزنید و قیمت جدیدی اضافه نمایید از دو تگ زیر استفاده نمایید واین کار بسیار مفید برای فروشگاه ها می باشد . 

در فروشگاه ها بارها اتفاق می افتد که یک قیمت در حراجی خط خورده و قیمت جدید داده میشود .

برای قیمت خط خورده و قدیمی :

 

<del>3000 تومان</del>
 

برای قیمت حراجی جدید :

 

<ins>4000 تومان</ins>

 
 6 – در فرم ها , نوشته های خود ( مثلا – نام و نام خانوادگی : ) را در بین تگ زیر قرار دهید .
 

<label>نام :</label>

<label>نام خانوادگی :</label>

<label>تلفن :</label>

<label>ایمیل :</label>

 
 7 – اگر در قسمتی میخواهید از کلمه مخفف استفاده کنید , آن را در تگ abbr انداخته و با کمک اتربیوت title , نام اصلی آن را بنویسید :
 

<abbr title="aagahsoft">VMS</abbr>

 
 8 – با استفاده از تگ mark میتوان قسمتی از یک نوشته را های لایت ( highlight ) کرد . این کار علاوه بر برجسته کردن آن قسمت از لحاظ دیزاین , میتوان برای بهینه سازی یک کلمه مهم از آن استفاده کرد . موتور های جستجو کلماتی که بین این تگ باشند را مهمتر تشخیص میدهد .

 

<mark>aagahsoft</mark>

 
 9 – حتما تاریخ و زمان در یک وب سایت در داخل تگ زیر قرار داده شود .

 

<time>68/10/17 , 23.06</time>

 
 10 – عکس های ( تگهای img ) وب سایت خود را به شیوه ی زیر در داخل 2 تگ فیگور قرار دهید .

توجه : در داخل figcaption توضیح مناسبی در مورد عکس بنویسید .

 

<meta name="robots" content="index, follow">

 
11 – متاتگ زیر باعث میشود که هم صفحات شما index نشود و هم لینک های صفحه پیگیری نشود .

 

<figure>

  <img src="logo.jpg" alt="لوگو آگاه سافت">

  <figcaption>لوگو آگاه سافت</figcaption>

</figure>

 
  11 – در html5 تگ های header , footer , aside , section , article , nav , main میتواند بهترین راهنما برای موتور های جستجوگر باشد . 

شما با استفاده از تگ های بالا میتوانید به موتور های جستجوگر بفهمانید که هر بخش از سایت شما , کجای سایت شما حساب میشود تا موتور های جستجوگر اهمیت بیشتری برای قسمت های مهم قائل شوند .

به صورت روتین , تگ های بالا به معنی زیر می باشند .

 

 <header></header>     قسمت بالایی

<footer></footer>     قسمت زیرین و پایین

<aside></aside>     قسمت کناری

<section></section>     یک قسمت مجزا

<article></article>     مقاله

<nav></nav>     فهرست - راهنما

 
حال با توجه به راهنمایی بالا , میتوانید قالب خود را در بین این تگ ها بیندازید .

مثلا ساید بار را در بین aside قرار دهید یا مقالات سایت را در article یا فهرست های به کار رفته در وب سایت را در بین nav قرار دهید .

ضمنا توجه داشته باشید که این کد ها میتوانند به صورت تو در تو هم قرار گیرند .

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

حال میتوانید به این صورت کدگذاری کنید که تمام آنها را در یک section قرار دهید . عنوان را در بین تگ header . نوشته را در بین تگ article . عکس را در بین تگ aside و امضا را در بین تگ footer قرار دهید .