Методы динамического изменения метатегов с помощью JavaScript

  1. Манипулирование объектной моделью документа (DOM). Вы можете получить доступ к метатегам и изменить их, нацеливаясь на элемент document.headи манипулируя его дочерними элементами. Например, вы можете использовать querySelector, чтобы выбрать нужный метатег по его атрибуту nameили propertyи обновить его contentатрибут.
// Changing the content of a meta tag
document.querySelector('meta[name="description"]').setAttribute('content', 'New description');
  1. Создать и заменить. Другой метод – динамическое создание нового элемента метатега с помощью createElement, установка его атрибутов и замена существующего метатега новым.
// Creating and replacing a meta tag
var newMetaTag = document.createElement('meta');
newMetaTag.setAttribute('name', 'description');
newMetaTag.setAttribute('content', 'New description');
document.head.querySelector('meta[name="description"]').replaceWith(newMetaTag);
  1. Удаление и добавление метатега. Вы можете удалить существующий метатег и добавить новый, используя методы removeChildи appendChild.
// Removing and adding a meta tag
var oldMetaTag = document.querySelector('meta[name="description"]');
var newMetaTag = document.createElement('meta');
newMetaTag.setAttribute('name', 'description');
newMetaTag.setAttribute('content', 'New description');
document.head.removeChild(oldMetaTag);
document.head.appendChild(newMetaTag);

Это всего лишь несколько примеров того, как можно динамически изменять метатеги с помощью JavaScript. Не забудьте выполнить эти сценарии после загрузки DOM, например, в прослушивателе событий DOMContentLoaded.