اموزش (html)

**Sabo3eur** · 22nd June 2011 10:00 AM

سلام دوستان این هم اموزش html باسه شما ؟

**mcdeltateta** · 23rd December 2012 11:16 AM

تگ عنوان Title

یکی از مهمترین تگ ها هم برای کاربران و بازدید کننده های سایت و هم برای جستجوگرهای وب این تگ می باشد . متنی که داخل این تگ قرار میگیرد عنوان صفحه را مشخص میکند که در title bar مرورگر به کاربران نشان داده می شود.توجه داشته باشید متن داخل این تگ در صورت زیاد بودن ادامه ی آن توسط مرورگر حذف میشود پس از عناوین کوتاه استفاده کنید.در بخش آموزش سئو (seo) استفاده ی مناسب از این تگ و اینکه چه کلماتی استفاده شود بطور کامل توضیح داده شده است.نحوه ی استفاده از آن بصورت زیر می باشد :
<html> <head>
<title> متن عنوان صفحه </title>
.
.
</head>
<body>
.
.
.
</body>
</html>

طراحی وب سایت

- - - به روز رسانی شده - - -

Meta Tag ها

متاتگ ها (Meta Tag) در واقع اطلاعاتی هستند که برای موتور های جستجوگر وب مانند گوگل و یاهو نوشته می شنود تا در هرچه بهتر ایندکس کردن صفحات استفاده شوند.استفاده ی درست از این متاتگ ها تاثیر بسیار زیادی بر ایندکسینگ و شناخت بهتر موتور های جستجو مثل گوگل و یاهو و ... از سایت ما دارد تا با این روش که در بخش آموزش سئو (Seo) و بهینه سازی سایت برای موتور های جستجو به طور کامل به ان پرداخته می شود ، سایت شما و صفحات شما در رتبه ی بالایی در گوگل و یاهو و ... قرار بگیرند.نکته ی مهم : بیش از 70 % بازدید کنندگان سایت ها به طور متوسط از طریق موتور های جستجو مثل گوگل و یاهو وارد سایت ها می شوند.شکل کلی آن و خصوصیات مشترک آنها بصورت زیر است :
<meta http-equiv="مقدار" name="مقدار" content="مقدار" />
در ادامه لیست کاملی از اصلی ترین متاتگ ها (Meta Tag) به همراه نحوه ی نگارش و دلیل استفاده ی آن ها را می آوریم :متاتگ فارسی سازی صفحه (Utf-8) :

برای تعیین نوع رمزنگاری صفحه یا encoding صفحه از این متاتگ استفاده میشود. در صورت استفاده ننمودن از این متاتگ و encoding utf-8 ، در بعضی از مرورگرها و یا سیستم های کاربرانی که encoding فارسی ندارند ، متن های فارسی به صورت علامت سوال (؟) نشان داده می شوند.بنابراین این متاتگ از جمله ی مهمترین متاتگ ها می باشد . طریقه ی استفاده از آن برای فارسی سازی صفحه Html از کد زیر استفاده نمایید :
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
متاتگ کلمات کلیدی (Keyword) :

مهمترین متاتگ برای موتورهای جستجوگر این متاتگ می باشد. استفاده ی درست از آن در رتبه ی موتورجستجوگر گوگل و یاهو و ... بسیار تاثیر گزار است.نکات مهم در استفاده از کلمات کلیدی :1 - محتوای Content این متاتگ نباید در حالت حروف فارسی از 200 کاراکتر و در حالت حروف انگلیسی از 400 تجاوز کند .2 - توصیه می شود که حداکثر از 10 کلمه ی کلیدی مرتبط با متن که فکر میکنید کاربران بیشتر آنها را در موتورهای جستجوگر سرچ میکنند ، استفاده نمایید .برای بدست آوردن این کلمات کلیدی از سایت زیر میتوانید استفاده کنید :

http://www.webconfs.com/keyword-density-checker.php

3 - کلمات کلیدی را با ویرگول انگلیسی (,) بدون هیچ فاصله ای (Space) از هم جدا نمایید.توضیحات ریز در مورد این متاتگ در بخش آموزش سئو (Seo) بیان شده است.طریقه ی استفاده از آن بصورت زیر است :
<meta name="keyword" content="کلمه1,کلمه2,کلمه3,..." >
متاتگ توضیحات (Description) :

در صورتی که کاربران با استفاده از سرچ در موتورهای جستجوگر به لینک سایت شما در آنها بر بخورند ، توضیحی که در زیر لینک سایت شما به آنها نمایش داده می شود متنی است که شما در متاتگ توضیحات (Description) صفحه وارد نموده اید.با این توضیح باید متنی که در این بخش انتخاب میکنید توضیحی باشد در مورد صفحه.نکته ی مهم این است که در جملاتی که استفاده میکنید از کلمات موجود در کلمه های کلیدی (Keyword) صفحه ی خود استفاده نمایید.بهتر است تعداد کاراکتر در این بخش حداقل 150 و حداکثر 200 کاراکتر در حالت فارسی انتخاب شود.طریقه ی استفاده از آن بصورت زیر می باشد :
<meta name="description" content="این متن توضیحی در مورد صفحه ی جاری می باشد">
متاتگ سازنده ها و بروز کننده های صفحه :

این متاتگ ها صرفا برای آشنایی با سازنده ی صفحه ، نرم افزار سازنده و بروز کننده ی صفحه می باشد.طریقه ی تعریف آنها بصورت زیر است :
<meta http-equiv="Designer" content="نام نرم افزار سازنده">
<meta name="Generator" content="نام سازنده صفحه">
<meta name="Author" content="نام بروز کننده">

متاتگ زبان مورد استفاده (Content-Language) :

این متاتگ صرفا برای دسته بندی زبانی برای موتورهای جستجوگر می باشد و توصیه می شود استفاده گردد .طریقه ی تعریف آن برای زبان فارسی بصورت زیر است :
<meta http-equiv="Content-Language" content="Fa">
متاتگ کنترل کش (cache-control) :

این متاتگ برای عدم ذخیره ی صفحه در کش مرورگر می باشد. متاتگ کنترل کش (cache-control) برای آن دسته صفحاتی مفید است که بطور دایم اطلاعات آن به روز می شود و باید اطلاعات بصورت مداوم از سرور فراخوانی گردد.طریقه ی استفاده از متاتگ کنترل کش (cache-control) برای عدم کش کردن و ذخیره در مرورگر بصورت زیر می باشد :
<meta http-equiv="cache-control" content="no-cache" />یا
<meta http-equiv="pragma" content="no-cache" />

متاتگ روبوت های جستجوگر (ROBOTS) :

متاتگ Robots برای کنترل ایندکس کردن صفحه توسط موتورهای جستجوگر می باشد.این متاتگ به 3 صورت استفاده میشود :1 - حالت پیش فرض : ایندکس کردن صفحه و لینک ها توسط موتورهای جستجوگر :
<meta NAME="ROBOTS "CONTENT="ALL" />
2 - با استفاده از متاتگ Robots زیر به موتورجستجوگر اعلام میکنیم که صفحه را ایندکس کند ولی لینک ها را دنبال نکند. این کد برای دسته صفحاتی که از محتوای موجود در لینک های موجود در آن مطمین نیستید استفاده می شود تا در صورت بی ربط بودن آنها با موضوع صفحه ی شما ، تاثیری در رتبه ی سئو شما نگذارد :
<meta NAME="ROBOTS" CONTENT="INDEX,NOFOLLOW" />
3 - متاتگ Robots زیر برای صفحات مدیریت و یا صفحاتی که نمیخواهید در موتورهای جستجوگر ایندکس شوند استفاده میشود. بدین صورت که به Robots های جستجوگر میفهمانید که صفحه ایندکس نشود :
<meta NAME="ROBOTS" CONTENT="NONE" />یا
<meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW" />

نکته ی بسیار مهم : هرگز از متاتگ Refresh که برای انتقال صفحه به یک آدرس و یا بارگزاری مجدد صفحه است استفاده ننماید. در صورت استفاده از این متاتگ موتورهای جستجو سایت شما را تحریم میکنند و رتبه ی شما را کاهش می دهند .

طراحی سایت