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

از سری آموزش های بهینه سازی وب سایت برای موتور های جستجو , امروز به بحث آموزش استفاده از تگ های html در بالابردن سئو سایت میپردازیم.

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

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

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

و اما آموزش :

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

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

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

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

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

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

بیشتر بخوانید:   سئو :: هدف گوگل چیست و 10 نکته ای که گوگل به آن اعتقاد دارد

این کار بسیار مفید برای فروشگاه ها می باشد .

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

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

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

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

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

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

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

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

بیشتر بخوانید:   استفاده از پراپرتی important!

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

 

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

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

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

 

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

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

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

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

بیشتر بخوانید:   HTTP2 : آموزش استفاده و کار با پروتکل جدید HTTP/2

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

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

همچنین ببینید

دومین جلسه کارگاه آموزشی رایگان آشنایی با اختلال طیف اتیسم پنجشنبه 26/07/1397 ساعت 10 الی 11 What is Autism? مدرس : دکتر فاطمه خاندانی، دکترای تخصصی روانشناسی، موسس و مدیرعامل موسسه خیریه مهرگسترپرهام تهران شماره ثبت 44662 با مجوز و تحت نظارت سازمان بهزیستی استان تهران – آشنایی با اختلال طیف اُتیسم – علت اختلال طیف اُتیسم – علائم و نشانگان اختلال طیف اُتیسم – بهترین زمان تشخیص اختلال طیف اُتیسم – مداخلات تاثیرگذار ، مدیریت و درمان برای شرکت در دوره های رایگان آشنایی با اُتیسم با شماره 86026252 تماس بگیرید محل برگزاری : تهران ، یافت آباد، بلوار معلم، میدان معلم، خیابان تختی، مجتمع خدمات بهزیستی شهید ذوالفقاری ، ساختمان موسسه خیریه مهرگستر پرهام تهران، فعال حوزه اُتیسم http://MGPTC.com

دومین جلسه کارگاه آموزشی رایگان آشنایی با اختلال طیف اتیسم

دومین جلسه کارگاه آموزشی رایگان آشنایی با اختلال طیف اتیسم پنجشنبه ۲۶/۰۷/۱۳۹۷ ساعت ۱۰ الی …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *