newsinfo
شنبه 16 اردیبهشت 1391, 10:21 صبح
آشنایی کافی با HTMLبرای انجام فعالیت‌های SEO ضروری است. هر چند که طراحی سایت با استفاده از نرم افزارهایی مثل frontpageو dreamviewer امکان پذیر است. اما این نرم افزارها وجود تگ های مورد نیاز شما را تضمین نخواهند کرد. به همین دلیل خیلی بهتر است اگر خود با تگ های HTML به انداره کافی آشنایی داشته باشید و بدانید که این تگ ها به کجا می‌روند و یا تگ های HTMLمورد نیاز را چگونه بدون اینکه به طراحی سایت صدمه‌ای وارد شود می‌توان جایگذاری کرد.
تگ نویسی وب سایت از جنبه دیگری نیز بررسی می‌شود. یکی از این جنبه‌ها استفاده از استراتژی‌هایی جهت اطمینان از حداکثر تاثیرگذاری تگ هاست. به عنوان مثال برخی از تگ های HTML تنها برای قالب بندی هستند، مثل تگ bold. اما قالب بندی یک کلمه با تگ < bold > میزان اهمیت کلمه را برای موتور جستجو مشخص نمی‌کند. در چنین مواردی استفاده از تگ های html مناسب‌تر، مثل تگ strong به مراتب نتیجه بهتری خواهد داشت.
آنچه گفته شد همگی عناصر تگ نویسی وب سایت هستند که شما نیز باید با آن آشنایی داشته باشید. خزنده‌ها صفحات وب را نمی‌خوانند. آنچه آن‌ها می‌خوانند تنها متنی است که در این صفحات وجود دارد و HTML نیز نوعی متن است. توجه داشته باشید که آنچه را می‌توانید با استفاده از تگ های HTML مناسب، برای جلب توجه خزنده‌ها فراهم کنید به مراتب بیشتر از استفاده تنها از محتوا است. بدین معنا که با وجود تگ های HTML در مورد وب سایت خود حرف بیشتری برای گفتن خواهید داشت تا اینکه محتوی به تنهایی بخواهد این موضوع را بیان کند.
آنچه در مورد تگ نویسی سایت بسیار مهم است!
شاید تا به حال به این موضوع فکر کرده باشید که سه بار در این کتاب در مورد نحوهتگ نویسی صحبت شده، پس حتما خیلی اهمیت دارد. فکر شما کاملا درست است. تگ نویسی سایت حتی از کلمات کلیدی و فعالیت‌های PPCنیز مهم‌تر است. چرا که یکی از موثرترین راه‌هایی است که می‌توان از حاضر شدن وب سایت در میان صفحات نتایج جستجو اطمینان حاصل کرد.
آنچه تگ های htmlقادرند در مورد وب سایت شما بیان کنند خیلی بیشتر از آن چیزی است که محتوی سایت بخواهد به تنهایی در اختیار خزنده موتورهای جستجوگر قرار می‌دهد. این دو موضوع را با هم اشتباه نکنید. محتوا عنصری ضروری برای وب سایت محسوب می‌شود. اما بیشتر مربوط به بخش مشتری نمای طراحی است. در حالی که HTML بخش خزنده نمای سایت را در برمی گیرد.
بنابراین وقتی که می‌پرسید"چه چیز در مورد تگ نویسی سایت بسیار مهم است؟" تنها یک پاسخ وجود دارد: همه چیز. رتبه بندی SEO تا حد زیادی به تگ کردن کنترل‌های صفحه که در پس زمینه سایت و خارج از دید همگان انجام می‌شود بستگی دارد. هر چند مشتریان هیچ گاه آن‌ها را نخواهند دید اما بدون وجود آن‌ها شما را نیز نخواهند دید.
تگ نویسی سایت چگونه انجام می‌شود؟
همان طور که دیدید،تگ نویسی سایت در واقع قرار دادن توضیحات HTML صحیح در مکان صحیح است. اما سختی کار در این است که بدانیم چه نوع تگی استفاده کنیم و این تگ ها باید شامل چه چیزهایی باشند. تگ های ابتدایی مثل Metatag, title, heading, body ها باید در تمامی صفحاتی که می‌خواهید توسط یک موتور جستجو پیدا شوند، وجود داشته باشند.
اما برای آنکه این تگ ها برای خزنده‌های موتور جستجو قابل خواندن باشند باید به درستی قالب بندی شوند. به عنوان مثال در مورد تگ های محتوایی (Container) باید هر دو جفت تگ های باز و بسته را داشته باشید. تگ باز به صورت دو به راکت است (<tag>) و تگ بسته نیز شامل دو به راکت و اسلش می‌باشد (</tag>). توجه داشته باشید که نام تگ در هر دو به راکت باز و بسته آورده می‌شود. این خاصیت برای خزنده یا مرورگر وب بیان می‌کند که این قالب یا صفت خاص از کجا شروع شده و در کجا به پایان می‌رسد.
بنابراین وقتی از تگ <b>bold</b> استفاده می‌کنید تنها کلمات بین این دو تگ با فونت برجسته نمایش داده می‌شوند. بقیه صفحه که خارج از این دو تگ هستند شامل این اتفاق نخواهد شد.
عنصر دیگر طراحی سایت (http://parscms.com/?part=article) که باید آن را بشناسید و از آن استفاده کنید مدل آبشاری (cascading style sheet) یا CSS است. CSS جز متدهای تگ نویسی به حساب نمی‌آید، اما چیزی بیش از یک متد قالب بندی ساده است.
CSS را مانند چند جعبه در نظر بگیرید که هر یک از این جعبه‌ها روی دیگری قرار گرفته‌اند. در هر جعبه اشیای مختلف، با ارزش‌های متفاوتی وجود دارد. هر چه محتویات جعبه با ارزش‌تر باشد آن جعبه در مکان بالاتری قرار می‌گیرد. رفته رفته هر چه از ارزش آن‌ها کاسته شود در سطح پایین‌تری قرار می‌گیرند. در روش آبشاری می‌توانید یک صفت یا قالب را طوری تنظیم کنید که در وضعیت مناسب روی صفت یا قالب دیگر جایگزین شود. البته در این کتاب ما از متد آبشاری استفاده نخواهیم کرد. اما در صورتی که مایل به مطالعه بودید کتاب‌های زیادی در این زمینه وجود دارد.
* پانویس: به این علت باید از CSS استفاده کنید که تگ های فرمت بندی کار خود را انجام دهند.
وقتی که صفتی را از طریق یک CSS مورد استفاده قرار می‌دهید، در همین حال به سادگی می‌توانید آن را داخل سایت نیز جای دهید. قطعه کد HTML زیر از مدل آبشاری برای تعریف رنگ‌های تیتر یک صفحه وب استفاده کرده است:
<HTML>
<TITLE>Your Web Page Title</Title>
<STYLE>
H1, H2 {color:green}
</STYLE>
<BODY>
<H1>First Heading</H1>
<P>Enter any text that you would
Like to have appear here.
<UL>
<LI>List item one.
<LI>List item two.
<LI>List item three
</UL>
<H2>First subheading</H2>
<P>Another paragraph of text can go
here . Add whatever you lik.
</BODY>
</HTML>
با نگاهی دقیق‌تر به این قطعه کد می‌بینید:
<HTML> ، این تگ مشخص می‌کند زبانی که برای ساخت این صفحه وب استفاده شده HTML است.
<TITLE>، عنوان صفحه وب شما را مشخص می‌کند.
<STYLE>، شروع یک شاخص CSS برای صفحه وب مورد نظر از اینجا خواهد بود. در این جا حالت مورد نظر فقط بر روی کدها اعمال می‌شود.
H1,H2 {color: green} ، شاخصی که بیان می‌کند که عنوان یک و دو باید به رنگ سبز باشند.
</STYLE>، اندیس CSS را به پایان می‌رساند.
<BODY>، مشخص کنندهآغاز متن برنامه است .
</H1> نخستین عنوان <H1>، اولین عنوان را که به رنگ سبز است مشخص می‌کند.
<P>، هر متنی که می‌خواهید در اینجا نمایش داده شودرا وارد کنید.
<Ul> یک تگ باز برای یک لیست نامرتب.
<LI>List item one ، اولین عنصر در فهرست شما خواهد بود.
<LI>List item Two، دومین عنصر در فهرست شما خواهد بود.
<LI>List item three ، سومین عنصر در فهرست شما خواهد بود.
</UL> ، تگ بسته برای فهرست نامرتب.
<H2>First subheading</H2>، این بخش اولین زیر عنوان است، در نمایش عنوان این بخش به رنگ سبز است.
<P>، پاراگراف دیگری از متن در این قسمت قرار می‌گیرد.
</BODY>مشخص کننده پایان بدنه صفحه وب است.
>HTML</مشخص کننده پایان صفحه وب است
به کار بردن مدل آبشاری css برای بخش‌های دارای حالت (stylistic)در وب سایت کار مشکلی نیست. فقط شاید عادت کردن به استفاده از آن کمی زمان لازم داشته باشد. اما اگر یک بار از آن استفاده کنید خواهید دید که بسیار آسان است. وقتی که از CSS برای کنترل حالت سایت خود استفاده می‌کنید ، دیگر احتیاجی به استفاده از تگ های HTMLنخواهید داشت و ابن خود نشان می‌دهد که ابن تگ ها بسیار کار آمدتر از تگ های HTML هستند.
تگ نویسی وب سایت از جنبه دیگری نیز بررسی می‌شود. یکی از این جنبه‌ها استفاده از استراتژی‌هایی جهت اطمینان از حداکثر تاثیرگذاری تگ هاست. به عنوان مثال برخی از تگ های HTML تنها برای قالب بندی هستند، مثل تگ bold. اما قالب بندی یک کلمه با تگ < bold > میزان اهمیت کلمه را برای موتور جستجو مشخص نمی‌کند. در چنین مواردی استفاده از تگ های html مناسب‌تر، مثل تگ strong به مراتب نتیجه بهتری خواهد داشت.
آنچه گفته شد همگی عناصر تگ نویسی وب سایت هستند که شما نیز باید با آن آشنایی داشته باشید. خزنده‌ها صفحات وب را نمی‌خوانند. آنچه آن‌ها می‌خوانند تنها متنی است که در این صفحات وجود دارد و HTML نیز نوعی متن است. توجه داشته باشید که آنچه را می‌توانید با استفاده از تگ های HTML مناسب، برای جلب توجه خزنده‌ها فراهم کنید به مراتب بیشتر از استفاده تنها از محتوا است. بدین معنا که با وجود تگ های HTML در مورد وب سایت خود حرف بیشتری برای گفتن خواهید داشت تا اینکه محتوی به تنهایی بخواهد این موضوع را بیان کند.
آنچه در مورد تگ نویسی سایت بسیار مهم است!
شاید تا به حال به این موضوع فکر کرده باشید که سه بار در این کتاب در مورد نحوهتگ نویسی صحبت شده، پس حتما خیلی اهمیت دارد. فکر شما کاملا درست است. تگ نویسی سایت حتی از کلمات کلیدی و فعالیت‌های PPCنیز مهم‌تر است. چرا که یکی از موثرترین راه‌هایی است که می‌توان از حاضر شدن وب سایت در میان صفحات نتایج جستجو اطمینان حاصل کرد.
آنچه تگ های htmlقادرند در مورد وب سایت شما بیان کنند خیلی بیشتر از آن چیزی است که محتوی سایت بخواهد به تنهایی در اختیار خزنده موتورهای جستجوگر قرار می‌دهد. این دو موضوع را با هم اشتباه نکنید. محتوا عنصری ضروری برای وب سایت محسوب می‌شود. اما بیشتر مربوط به بخش مشتری نمای طراحی است. در حالی که HTML بخش خزنده نمای سایت را در برمی گیرد.
بنابراین وقتی که می‌پرسید"چه چیز در مورد تگ نویسی سایت بسیار مهم است؟" تنها یک پاسخ وجود دارد: همه چیز. رتبه بندی SEO تا حد زیادی به تگ کردن کنترل‌های صفحه که در پس زمینه سایت و خارج از دید همگان انجام می‌شود بستگی دارد. هر چند مشتریان هیچ گاه آن‌ها را نخواهند دید اما بدون وجود آن‌ها شما را نیز نخواهند دید.
تگ نویسی سایت چگونه انجام می‌شود؟
همان طور که دیدید،تگ نویسی سایت در واقع قرار دادن توضیحات HTML صحیح در مکان صحیح است. اما سختی کار در این است که بدانیم چه نوع تگی استفاده کنیم و این تگ ها باید شامل چه چیزهایی باشند. تگ های ابتدایی مثل Metatag, title, heading, body ها باید در تمامی صفحاتی که می‌خواهید توسط یک موتور جستجو پیدا شوند، وجود داشته باشند.
اما برای آنکه این تگ ها برای خزنده‌های موتور جستجو قابل خواندن باشند باید به درستی قالب بندی شوند. به عنوان مثال در مورد تگ های محتوایی (Container) باید هر دو جفت تگ های باز و بسته را داشته باشید. تگ باز به صورت دو به راکت است (<tag>) و تگ بسته نیز شامل دو به راکت و اسلش می‌باشد (</tag>). توجه داشته باشید که نام تگ در هر دو به راکت باز و بسته آورده می‌شود. این خاصیت برای خزنده یا مرورگر وب بیان می‌کند که این قالب یا صفت خاص از کجا شروع شده و در کجا به پایان می‌رسد.
بنابراین وقتی از تگ <b>bold</b> استفاده می‌کنید تنها کلمات بین این دو تگ با فونت برجسته نمایش داده می‌شوند. بقیه صفحه که خارج از این دو تگ هستند شامل این اتفاق نخواهد شد.
عنصر دیگر طراحی سایت (http://parscms.com/?part=article) که باید آن را بشناسید و از آن استفاده کنید مدل آبشاری (cascading style sheet) یا CSS است. CSS جز متدهای تگ نویسی به حساب نمی‌آید، اما چیزی بیش از یک متد قالب بندی ساده است.
CSS را مانند چند جعبه در نظر بگیرید که هر یک از این جعبه‌ها روی دیگری قرار گرفته‌اند. در هر جعبه اشیای مختلف، با ارزش‌های متفاوتی وجود دارد. هر چه محتویات جعبه با ارزش‌تر باشد آن جعبه در مکان بالاتری قرار می‌گیرد. رفته رفته هر چه از ارزش آن‌ها کاسته شود در سطح پایین‌تری قرار می‌گیرند. در روش آبشاری می‌توانید یک صفت یا قالب را طوری تنظیم کنید که در وضعیت مناسب روی صفت یا قالب دیگر جایگزین شود. البته در این کتاب ما از متد آبشاری استفاده نخواهیم کرد. اما در صورتی که مایل به مطالعه بودید کتاب‌های زیادی در این زمینه وجود دارد.
* پانویس: به این علت باید از CSS استفاده کنید که تگ های فرمت بندی کار خود را انجام دهند.
وقتی که صفتی را از طریق یک CSS مورد استفاده قرار می‌دهید، در همین حال به سادگی می‌توانید آن را داخل سایت نیز جای دهید. قطعه کد HTML زیر از مدل آبشاری برای تعریف رنگ‌های تیتر یک صفحه وب استفاده کرده است:
<HTML>
<TITLE>Your Web Page Title</Title>
<STYLE>
H1, H2 {color:green}
</STYLE>
<BODY>
<H1>First Heading</H1>
<P>Enter any text that you would
Like to have appear here.
<UL>
<LI>List item one.
<LI>List item two.
<LI>List item three
</UL>
<H2>First subheading</H2>
<P>Another paragraph of text can go
here . Add whatever you lik.
</BODY>
</HTML>
با نگاهی دقیق‌تر به این قطعه کد می‌بینید:
<HTML> ، این تگ مشخص می‌کند زبانی که برای ساخت این صفحه وب استفاده شده HTML است.
<TITLE>، عنوان صفحه وب شما را مشخص می‌کند.
<STYLE>، شروع یک شاخص CSS برای صفحه وب مورد نظر از اینجا خواهد بود. در این جا حالت مورد نظر فقط بر روی کدها اعمال می‌شود.
H1,H2 {color: green} ، شاخصی که بیان می‌کند که عنوان یک و دو باید به رنگ سبز باشند.
</STYLE>، اندیس CSS را به پایان می‌رساند.
<BODY>، مشخص کنندهآغاز متن برنامه است .
</H1> نخستین عنوان <H1>، اولین عنوان را که به رنگ سبز است مشخص می‌کند.
<P>، هر متنی که می‌خواهید در اینجا نمایش داده شودرا وارد کنید.
<Ul> یک تگ باز برای یک لیست نامرتب.
<LI>List item one ، اولین عنصر در فهرست شما خواهد بود.
<LI>List item Two، دومین عنصر در فهرست شما خواهد بود.
<LI>List item three ، سومین عنصر در فهرست شما خواهد بود.
</UL> ، تگ بسته برای فهرست نامرتب.
<H2>First subheading</H2>، این بخش اولین زیر عنوان است، در نمایش عنوان این بخش به رنگ سبز است.
<P>، پاراگراف دیگری از متن در این قسمت قرار می‌گیرد.
</BODY>مشخص کننده پایان بدنه صفحه وب است.
>HTML</مشخص کننده پایان صفحه وب است
به کار بردن مدل آبشاری css برای بخش‌های دارای حالت (stylistic)در وب سایت کار مشکلی نیست. فقط شاید عادت کردن به استفاده از آن کمی زمان لازم داشته باشد. اما اگر یک بار از آن استفاده کنید خواهید دید که بسیار آسان است. وقتی که از CSS برای کنترل حالت سایت خود استفاده می‌کنید ، دیگر احتیاجی به استفاده از تگ های HTMLنخواهید داشت و ابن خود نشان می‌دهد که ابن تگ ها بسیار کار آمدتر از تگ های HTML هستند.