از سری آموزش های بهینه سازی وب سایت برای موتور های جستجو , امروز به بحث آموزش استفاده از تگ های html در بالابردن سئو سایت میپردازیم.
یکی از راههای افزایش سئو یک وب سایت , استفاده درست از تگ های html و شیوه ی درست در کدنویسی آنها می باشد .
در این پست قصد دارم تگ هایی که بیشتر خاصیت سئویی دارند را معرفی و به آموزش شیوه استفاده از آنها بپردازم .
این تگ ها بیشتر شامل تگ های html5 می باشد …
و اما آموزش :
در بین تگ های html , تگ هایی وجود دارد که مفهوم خاصی را به موتور های جستجو می فهمانند .
در زیر به این تگ ها میپردازیم …
۱ – اگر در قسمتی از سایت قصد Bold کردن نوشته ای را دارید , از تگ زیر استفاده نمایید .
|
۲
۳
۴
۵
۶
|
<strong>نظری</strong>
|
۲ – متن هایی که در قسمت تماس نوشته میشود , شامل اطلاعات فردی , شماره تماس , آدرس شرکت و … را در بین تگ زیر قرار دهید .
|
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
|
<address>
<p>نام : نظری </p>
<p>تماس : ۰۹۱۷۱۱۵۱۴۹۷</p>
<p>آدرس : شیراز</p>
</address>
|
۳ – اگر در قسمتی از سایت قصد داشتید نقل قولی از کسی را بنویسید . حتما نقل قول را در بین تگ زیر قرار دهید .
|
۲
۳
۴
۵
۶
|
<blockquote>نقل قول</blockquote>
|
۴ – برای نمایش تکه کد کامپیوتری , مثلا تکه برنامه ای از زبان برنامه نویسی ++c یا asp , از تگ زیر استفاده نمایید .
|
۲
۳
۴
۵
۶
|
<code>کد برنامه</code>
|
۵ – زمانی که میخواهید قیمتی را خط بزنید و قیمت جدیدی اضافه نمایید از دو تگ زیر استفاده نمایید و
این کار بسیار مفید برای فروشگاه ها می باشد .
در فروشگاه ها بارها اتفاق می افتد که یک قیمت در حراجی خط خورده و قیمت جدید داده میشود .
برای قیمت خط خورده و قدیمی :
|
۲
۳
۴
۵
۶
|
<del>3000 تومان</del>
|
برای قیمت حراجی جدید :
|
۲
۳
۴
۵
۶
|
<ins>4000 تومان</ins>
|
۶ – در فرم ها , نوشته های خود ( مثلا – نام و نام خانوادگی : ) را در بین تگ زیر قرار دهید .
|
۲
۳
۴
۵
۶
۷
۸
۹
|
<label>نام :</label>
<label>نام خانوادگی :</label>
<label>تلفن :</label>
<label>ایمیل :</label>
|
۷ – اگر در قسمتی میخواهید از کلمه مخفف استفاده کنید , آن را در تگ abbr انداخته و با کمک اتربیوت title , نام اصلی آن را بنویسید :
|
۲
۳
۴
۵
۶
|
<abbr title=”Vahid Majidi Sadr”>VMS</abbr>
|
۸ – با استفاده از تگ mark میتوان قسمتی از یک نوشته را های لایت ( highlight ) کرد . این کار علاوه بر برجسته کردن آن قسمت از لحاظ دیزاین , میتوان برای بهینه سازی یک کلمه مهم از آن استفاده کرد . موتور های جستجو کلماتی که بین این تگ باشند را مهمتر تشخیص میدهد .
|
۲
۳
۴
۵
۶
|
<mark>Kazem Nazari</mark>
|
۹ – حتما تاریخ و زمان در یک وب سایت در داخل تگ زیر قرار داده شود .
|
۲
۳
۴
۵
۶
|
<time>68/10/17 , 23.06</time>
|
۱۰ – عکس های ( تگهای img ) وب سایت خود را به شیوه ی زیر در داخل ۲ تگ فیگور قرار دهید .
توجه : در داخل figcaption توضیح مناسبی در مورد عکس بنویسید .
|
۲
۳
۴
۵
۶
۷
۸
۹
|
<figure>
<img src=”logo.jpg” alt=”لوگو اسکریپت دات کام”>
<figcaption>لوگو اسکریپت دات کام</figcaption>
</figure>
|
۱۱ – در 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 قرار دهید .