تا به حال به ساختار سایت ها فکر کرده اید؟ اینکه دقیقا طراحی یک سایت چگونه انجام می شود و چه مواردی در کنار یکدیگر قرار می گیرند که شما می توانید محتوای یک سایت را مشاهده کنید؟ شاید بگویید معلوم است، سایت ها برنامه نویسی می شوند. اما این موضوع هم درست است و هم تا حدودی اشتباه است. سایت ها به اساسا با HTML نوشته می شوند و حال تگ HTML چیست و چه کاربردی برای طراحی سایت دارد؟ کاربرد؟ در واقع HTML اگر نباشد هیچ سایتی نوشته نمی شود و جالب اینجاست که HTML رسما یک زبان برنامه نویسی نیست. پس این تگ HTML چیست ؟ عجله نکنید! در این مقاله می خواهیم به طور اختصاصی به HTML بپردازیم و تمرکز بیشتر ما هم روی کاربردی هستش که برای سئو دارد. پس در این مقاله همراه ما باشید که مطالب جالبی در انتظار شماست.
در این مطلب با چه مواردی آشنا می شویم ؟
اول از همه بگذارید بگوییم که چرا HTML را یکی از اصطلاحات سئو می دانیم و قرار است در اینجا درباره آن صحبت کنیم. HTML در آموزش سئو داخلی نقش بسیار مهمی دارد و برای هر سئو کار تازه کاری ممکن است این سوال پیش بیاید که تگ HTML چیست و به طور کلی چه استفاده ای باید از HTML در سایت بکند. اول از همه اینکه HTML هم در اصطلاحات سئو از آن یاد می شود و هم یکی از اصلی ترین اصطلاحات در طراحی سایت می باشد. در واقع HTML ریشه طراحی سایت است و هر کاری که ما در آموزش سئو داخلی به آن می پردازیم هم یک سرش به HTML می خورد. پس در این آموزش نه تنها می بینیم “HTML Tag چیست” بلکه می خواهیم درباره خود HTML هم صحبت کنیم.
برای شروع بگذارید اول از این موضوع شروع کنیم که اینکه تگ HTML چیست با اینکه خود “HTML” دقیقا چیست کاملا فرق دارد. با اینکه درباره هر دو صحبت خواهیم کرد اما باید بدانید که خود تگ HTML یکی از چندین تگی هستش که در HTML وجود دارد که اصلی ترین تگ در این مورد هم به حساب می آید. در ادامه هم درباره HTML صحبت خواهیم کرد، هم به تگ HTML خواهیم پرداخت و هم می خواهیم به طور اختصاصی مفهوم HTML را در سئو بررسی کنیم و تگ های مهم HTML برای سئو را به شما معرفی کنیم. جایی نرید و همراه ما باشید.
تگ HTML که به صورت نوشته می شود در واقع تگی است که ریشه یک برنامه HTML را نشان می دهد. در تعریف تگ HTML چیست باید بگوییم که در واقع تگ HTML تگی هستش که تمامی المان های HTML به جز داخل آن قرار می گیرند. ما با اضافه کردن خصوصیت یا Attribute ای به نام lang به این تگ، می توانیم زبان صفحه وب خودمان را هم تغییر بدهیم که با زبان خاصی در مرورگر کاربران نمایش داده شود. حال این همه از HTML گفتیم و نگفتیم که خود HTML چیست.
گفتیم که تگ HTML چیست و دقیقا کدام یک از بخش های خود HTML است و حال باید بیشتر با HTML آشنا شویم. HTML یک زبان مارک آپ نویسی در سایت است که بنیان صفحات وب از آن تشکیل شده است. در واقع به عبارت دیگر، طراحی ظاهر سایت ها و عملکرد های ظاهری یک سایت توسط HTML انجام می شود و بدون این Markup Language ما نمی توانیم سایتی را در فضای وب داشته باشیم. گفتیم که HTML زبان برنامه نویسی نیست بلکه یک زبان مارک آپ است. برای همین هم هیچوقت دیگر این زبان را به عنوان یک زبان برنامه نویسی یاد نکنید که ممکن است آن برنامه نویس های سخت گیر بک اند کار را کمی عصبانی کنید. (هیچوقت یک برنامه نویس را عصبانی نکنید!)
چون ربات گوگل فقط می داند تگ HTML چیست و اصلا نمی تواند سایت را آنطوری که ما می بینیم ببیند. ربات گوگل وقتی وارد سایت ما می شود یک صفحه از کد های HTML را مشاهده می کند و متون داخل آن ها را می خواند. نه عکسی را می بیند، نه ویدیویی را تماشا می کند و نه هیچ چیز دیگری را می تواند مشاهده کند. ربات بی نوا فقط حجم زیادی از کد ها را می بیند که جلوی او ظاهر می شوند و طبق این کد ها می فهمد که محتوا درباره چیست، چه کیفیتی دارد، چه المان هایی دارد و چگونه باید در موتور جست و جو ایندکس بشود. برای همین هم باید به چند تا از تگ های HTML بیش از هر چیز دیگری در مبحث سئو سایت توجه شود که در ادامه این تگ ها را معرفی خواهیم کرد.
این مورد از تگ HTML چیست؟ مهمترین تگ HTML برای سئو سایت همین تگ می باشد. هرچیزی که شما داخل تگ تایتل بنویسید عنوان سایت شما و هویت صفحه شما می شود. این عنوان دقیقا همان عنوانی می شود که صفحه شما در نتایج جست و جو با آن ظاهر می شود. زمانی که شما یک کلمه کلیدی را در گوگل سرچ می کنید، چند لینک برای شما نمایش داده می شود. این لینک ها آبی رنگ هستند و شامل متنی می شوند که معرف موضوع صفحه است. این متون همان Title Tag ها هستند که ما خودمان برای صفحه تعریف کرده ایم. بهتر است این عناوین کوتاه باشند، شامل اعداد باشند، متن جذابی داشته باشند و اگر هم لازم بود اسم برند شما در آن ها باشد.
توضیحات متا یا Meta Description همان متنی هستش که زیر Title Tag در نتایج جست و جو نمایش داده می شود. اگر دقت کرده باشید در زمانی که یک کلمه را در گوگل سرچ می کنید، زیر آن لینک ها آبی یک سری توضیحاتی درباره صفحه نوشته شده است که این ها همان توضیحات متا هستند که در HTML صفحه آن را تعیین می کنیم. این توضیحات باید کوتاه اما جذاب باشد، شامل کلمات کلیدی باشد و در نهایت یک توضیح خوب از چیزی باشد که کاربر قرار است با آن مواجه شود.
می دانید که یکی از مهمترین ها برای سئو در تگ HTML چیست ؟ همین تیتر هایی که ما در مقالات و مطالب سایت خود قرار می دهیم. این تیتر ها همه تگ Heading می گیرند و از اولین تیتر که Heading 1 است شروع می شوند و باقی Heading ها زیر مجموعه این سر تیتر قرار می گیرند. در واقع این هدینگ ها هستند که صفحه شما را برای کاربر و موتور های جست و جو ساختار بندی می کنند. حتما بیشتر از یک H1 استفاده نکنید، سعی کنید مطالب خودتان را تا H4 بیشتر پیش نبرید که گیج کننده نشود و به گونه ای سر تیتر ها را بنویسید که بشود مطلب شما را از لحاظ موضوع لیست بندی کرد.
گوگل بات که اصلا نمی تواند تصاویر را ببیند پس چرا می گویند تصاویر برای سئو انقدر مهم و تاثیر گذار است؟ به این خاطر که گوگل بات شاید نتواند تصاویر را ببیند اما می تواند تگ Alt را در تصاویر بخواند و ببیند که تصویر درباره چه چیزی هستش. سعی کنید که در Alt تصاویر خود از کلمه کلیدی اصلی صفحه تان استفاده کنید و خیلی هم آن را کوتاه بنویسید. همین موضوع برای گوگل بات کافیست که بداند تصویر درباره چیست و چقدر به مطلب شما مربوط است.
Schema در واقع یک تگ و نوعی از داده های متا است که در نتایج جست و جو نمایش داده می شود. به عنوان مثال، شاید وقتی کلمه ای را در گوگل سرچ می کنید دیده باشید که در زیر یک سری از نتایج، پنج ستاره وجود دارد که کاربران به این صفحات نمره داده اند. این ستاره ها با کمک تگ Schema در صفحه نمایش داده شده اند و می توانند تاثیر به سزایی در کلیک روی لینک شما بگذارند. توصیه خاصی به جز استفاده کردن حتمی از این تگ درباره این موضوع نداریم.
ربات های گوگل زبان انسان را بلد نیستند اما با یک سری زبان های کد گذاری شده می شود مطالبی را به آن ها فهماند. تگ متا ربات یکی از همان راه های ارتباطی بین ما و ربات های موتور جست و جو می باشد. با این تگ ها شما می توانید به ربات های گوگل بگویید که صفحه شما را چگونه کراول کنند و آیا آن را ایندکس کنند یا اینکه فعلا با آن کاری نداشته باشند. حتما در HTML سایت خود هر رباتی را با اسم خودش تعیین کنید و دستورالعمل های ربات را طبق هدف خودتان بنا کنید.
گاهی ممکن است بر حسب یک اشتباه، دو یا چند نسخه از صفحه سایت شما بوجود بیاید که هر دوی آن ها هم در موتور جست و جو به اشتباه ایندکس شوند. در این حالت ممکن است به اعتبار و ترافیک سایت شما آسیب زیادی وارد شود. نگران نباشید! شما با تگ کنونیکال در HTML می توانید تعیین کنید که کدام یک از صفحات شما اصلی است و گوگل باید آن را در اولویت قرار بدهد. این کار برای صفحاتی انجام می شود که URL های متفاوت اما محتوای مشابه دارند، صفحاتی که محتوایشان خیلی شبیه است و صفحات پویایی که خودشان پارامتر های URL اشان را می سازند.
در این مقاله هم خواندیم که تگ HTML چیست و هم با خود HTML آشنا شدیم. مهمتر از همه اما اهمیت HTML را در سئو سایت فهمیدیم و خود این موضوع می تواند کمک بسیاری به سئو بنیادی سایت ما بکند. همیشه یادتان باشد که اگر دیدید هیچکدام از روش های سئو سایتتان جواب نمی دهد، شما اول از همه باید به ریشه سایت که همان HTML است برگردید و بررسی کنید که همه چیز آن طوری باشد که باید باشد. ممنون که در این مقاله همراه ما بودید و امیدواریم که این مقاله مورد توجه شما قرار گرفته باشد.
منبع:
اگر سوالی یا پیشنهادی دارید میتوانید با ما در میان بگذارید.
انرژی گرفته با 🤍 از تیم طراحی سایت تابان شهر