نحوه بهینه سازی کد های HTML و معرفی سایت های بهینه ساز

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

معرفی سایت های بهینه ساز

در زیر برخی از معروف ترین سایت های Optimizer کد های HTML را به شما معرفی خواهیم کرد:

code project

 یکی از این optimizer ها که به شما در بهینه سازی کدهای html صفحات سایت تان کمک می کند، code project می باشد.

بعداز وارد کردن نام فایل  html برنامه شروع به بهینه سازی آن نموده و زمان نمایش صفحه کاهش می یابد. این برنامه که با اسکریپت vb نوشته شده است ، خروجی را تولید می کند که بهینه بوده و فایل را آماده آپلود در هاست می نماید.

چندین راه مختلف برای استفاده از این اسکریپت وجود دارد :

روی آن دابل کلیک نمایید و یا آن را از طریق  shell اجرا کنید.

نکته :اگر در کادر مستطیلی کاراکتر * را قرار دهید در مسیر نوشته شده تمامی فایل های Html و یا Htm بهینه می شوند.

در این برنامه از مجموعه ای از دستورات استفاده شده که برخی از آنها در زیر قابل مشاهده می باشد :

REMOVE_COMMENTS باعث حذف سایر کامنت هایی که در تگ  <!– –>  قرار دارند می شود.

REMOVE_PROGID باعث حذف تگهای <META NAME=”GENERATOR” … > and <META NAME=”ProgId” … >

MAKE_BACKUPS یک نسخه بک آپ از فایل ها تهیه می کند.

و ادامه کدها به شرح زیر می باشند :

Const INPUT_FILE = "HTML file to optimize:"

Const INPUT_TIP = "Tip: 'path*' means all .htm .html files" & _

                  " in given path (default is current path)"

Const PROCEED_MSG = "Optimization of all .htm .html files in folder:"

Const PROCEED_ASK = "Proceed?"

Const PROCEED_CMD1 = "Optimization of "

Const PROCEED_CMD2 = " files from command line."

Const COMPLETE_MSG = "Optimization completed."

Const ERR_NOTFOUND = "File does not exist."

w3 validator

در صورتیکه قصد دارید صفحات HTML را اعتبار سنجی کنید می توانید از سایت w3 validator استفاده نمایید.

تنها کافیست در کادر مشخص شده آدرس URL سایت خود را وارد کرده و خطاهای احتمالی را رفع نمایید.

[irp posts=”۳۰۱۷″ name=”آموزش کامل تعریف زبان فارسی در html”]

iwebtool

در لینک زیر یک Html optimizer برای بهینه سازی کدهای شما قابل استفاده می باشد

http://www.iwebtool.com/html_optimizer

کافی است کدهای خود را در آن قرار داده و بر روی دکمه ی Optimize کلیک نمایید.

بهینه سازی تگ های html برای seo :

مهمترین تگ هایی که نقش عمده را در موتورهای جستجو بازی می کنند شامل موارد زیر هیتند که در ادامه به آنها اشاره خواهیم کرد:

• Title tag
• header page
• header
• Alt

تگ Title :

اکثریت موتورهای جستجو به کلماتی که در تگ title هستند توجه می کنند. بنابراین هر صفحه ای باید  این تگ را داشته باشد. یک نمونه خوب و مناسب از این تگ به شکل زیر است :

<TITLE>SEO (Search Engine Optimization)</TITLE>

اما تگ زیر مناسب نمی باشد :

<TITLE>Homepage</TITLE>

تگ Header :

عمده موتور جستجوها توجه خاصی به این تگ می نمایند(H1,H2,H3). نمونه آن به شکل زیر است :

<H2>Search Engine Positioning</H2>

Alt text :

از این تگ برای توصیف محتوای یک عکس استفاده می شود که عبارت درون آن در صورت نمایش داده نشدن تصویر به بازدیدکننده نشان داده شود.کلمه ی کلید قوی و موثری را در این تگ قرار دهید تا موتورهای جستجو آن را keyword کنند. برای اینکه از قابل رویت بودن این متن مطمئن شوید بایستی خصوصیات WIDTH,HEIGHT مربوط به عکس را مقدار دهی کرده باشید .

در افزودن نقطه (.) در انتهای این تگ دفت نمایید تا نقطه ی انتهای تصویر جاری و شروع تصویر بعدی مشخص شود. نمونه این تگ به شکل زیر است :

<IMG SRC=”seo.gif” WIDTH=”۱۰۰″ HEIGHT=”۱۰۰″ ALT=”search engine optimization.”>

به شما توصیه می کنیم مقاله optimaiz کردن تصاویر در موتور جستجو را نیز مطالعه بفرمایید.