بهینه سازی سایت های طراحی شده با Html

در این مقاله چندین بهینه ساز صفحات طراحی شده با زبان Html معرفی و نحوه ی کار با آنها توضیح داده می شود. همچنین کدهای اجرایی یکی از آنها برای داشتن دید عمیق تر نسبت به نحوه ی عملکرد آن در مقاله گنجانده شده است.

 یکی از این optimizer ها که به شما در بهینه سازی کدهای html صفحات سایت تان کمک می کند در لینک زیر قابل رویت می باشد .

http://www.codeproject.com/KB/applications/optimizehtml/OptimizeHTML_src.zip

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

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

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

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

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

<pre>

be careful with this

Const REMOVE_COMMENTS = False

‘removes some META tags used by editing applications

Const REMOVE_PROGID = False

‘try with this option enabled first

Const MAKE_BACKUPS = True

</pre>

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."

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

http://validator.w3.org/

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

http://www.iwebtool.com/html_optimizer

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

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

مهمترین تگ هایی که نقش عمده را در موتورهای جستجو بازی می کنند شامل Title tags,header page,header,Alt می باشند.

Title tags :

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

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

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

<TITLE>Homepage</TITLE>

تگ های Heaader :

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

<H2>Search Engine Positioning</H2>

Alt text :

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

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

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

منبع :

http://www.codeproject.com/

4 پاسخ

یک دیدگاه بنویسید

آدرس ایمیل شما منتشر نخواهد شد. فیلدهای الزامی نشان گذاری شده اند *