با سلام

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

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

در بین تگ های html , تگ هایی وجود دارد که مفهوم خاصی را به موتور های جستجو می فهمانند .
در زیر به این تگ ها میپردازیم …

و اما آموزش :

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

<strong>چت ساپورت</strong>

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

<address>
    <p>نام : چت ساپورت</p>

    <p>تماس : 00000000</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="ChatSupport">CS</abbr>

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

<mark>ChatSupport</mark>

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

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

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

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

 
<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>     فهرست - راهنما

امیدوارم مورد پسند شما کاربران و مدیران گرانقدر چت ساپورت شده باشید.

منبع : اسکریپت دات کام