نحوه تغییر متا تگ با جاوا اسکریپت
هنگامی که نیاز به تغییر عناصر روی صفحه مانند برچسب‌های عنوان، توضیحات متا و لینک ها داریم، اغلب به تیم‌های توسعه خود مراجعه می‌کنیم و وظایف خود را به لیست طولانی آنها اضافه می‌کنیم. اما اگر بتوانید خودتان این کار را انجام دهید چه؟ آیا می توان متا تگ ها را به صورت پویا با جاوا اسکریپت تغییر داد؟ تغییر متا تگ ها به صورت دستی با استفاده از جاوا اسکریپت نیازمند درک کمی از ادغام جاوا اسکریپت با وب سایت شما است. این کار وقت گیر است، اما اگر فقط باید هر ماه یا بیشتر و در تعداد یا صفحات محدود تغییراتی ایجاد کنید، می‌تواند کار کند.
بیایید نگاهی بیندازیم که آیا این بهترین گزینه شماست یا خیر، و اگر چنین است، چگونه تغییرات سئو را به تنهایی انجام دهید.
تغییر متا تگ با استفاده از جاوا اسکریپت
متا تگ عنصری از کد است که برای انتقال اطلاعات خاص در مورد یک صفحه به موتورهای جستجو مانند <title/> یا <meta name=”description”/> محتویات آن استفاده می‌شود. این عناصر مجموعاً ابرداده‌های هر صفحه معین را نشان می‌دهند و می‌توانند بر رتبه‌بندی موتورهای جستجو و نرخ کلیک از صفحات رتبه‌بندی موتورهای جستجو (SERP) تاثیر بگذارند. بنابراین جای تعجب نیست که سئوکاران و بازاریابان محتوا به طور یکسان علاقه ای به ایجاد تغییرات در آنها دارند.
چه ماه‌ها منتظر بمانید تا منابع توسعه‌دهنده در دسترس قرار گیرند یا نتوانید به CMS خود دسترسی پیدا کنید، سناریوهایی وجود دارد که در آنها باید محتوای متا تگ‌ها را به صورت نسبی تغییر دهید. ممکن است به‌روزرسانی‌های محصول جدیدی داشته باشید که باید به مشتریان بگویید، ممکن است یک به‌روزرسانی بزرگ Google وجود داشته باشد، یا ممکن است دیگر خدمات خاصی را ارائه نکنید.
برای روشن بودن، بهترین سناریو شامل این است که تغییرات خود را در زمانی که نیاز دارید در باطن انجام دهید. تغییر متا تگ با جاوا اسکریپت یک اصلاح موقت است که محتوا و برچسب‌های جدید شما را در دسترس موتورهای جستجو و بازدیدکنندگان قرار می‌دهد، اما مقادیر موجود در انتهای وب‌سایت شما را تغییر نمی‌دهد.
اگر تغییری ایجاد می‌کنید که می‌خواهید دائمی باشد، همچنان باید تغییرات را در بک‌اند پیاده‌سازی کنید، اما حداقل زمانی که از جاوا اسکریپت برای به‌روزرسانی آنها استفاده می‌کنید، تغییرات شما قابل مشاهده و نمایه‌سازی هستند و هیچ تاخیری در ایجاد backend وجود ندارد.
نحوه تغییر دادن متا تگ با استفاده از جاوا اسکریپت به صورت دستی
اگر تصمیم دارید خودتان با این مشکل مقابله کنید، باید بدانید که چگونه تغییرات سخت کدگذاری شده را در سایت خود بدون شکستن آن ایجاد کنید. با دستکاری Document Object Model، تلفیقی از HTML، CSS و جاوا اسکریپت که هر صفحه وب را تشکیل می‌دهد، می‌توانید به موتورهای جستجو نشان دهید که چه اطلاعاتی را فهرست کنند و بنابراین تعیین کنید که بازدیدکنندگان چه چیزی را ببینند.
این شامل ایجاد تغییرات مستقیم در کد هر صفحه است، مشروط بر اینکه بدانید چگونه به آن دسترسی پیدا کنید. فرض کنید می‌خواهید محتوای برچسب عنوان یک صفحه محصول خاص را برای یک نانوایی ویرایش کنید.
- نحوه اضافه کردن کد جاوا اسکریپت را به وب سایت خود بیاموزید. روش بسته به پلتفرم متفاوت خواهد بود.
- شما باید قطعه کد جاوا اسکریپت را اضافه کنید، که تغییر را در تگ عنوان در صفحه خاص ایجاد می کند. کد مورد نیاز بسته به پلتفرم متفاوت خواهد بود.
- برای تمام صفحاتی که نیاز به تغییر عنوان دارند تکرار کنید.
این رویکردی است که به شما کنترلی بر عناوین متا (و توضیحات) می‌دهد، زیرا می‌توانید تقریباً از هر مقدار مشخصه‌ای که دوست دارید برای بهینه‌سازی هر صفحه استفاده کنید، اما می‌تواند کاردستی زیادی باشد.