Хотите добавить атрибут title к изображениям в WordPress?? Атрибут title делает изображения на вашем WordPress сайте более доступными и SEO дружественными.
Как и альтернативный текст, тег title позволяет предоставить дополнительную информацию о вашем изображении. Это поможет читателям экрана и поисковым системам понять контекст изображения в вашей статье.
В этой статье мы покажем вам, как легко добавить атрибуты заголовка к изображениям в WordPress.
Что такое атрибут title в изображениях?
Атрибут title в изображениях позволяет вам добавить текстовое описание вашего изображения. Это облегчает понимание изображения и его контекста читателями экрана и ботами поисковых систем.
Мы покажем вам несколько примеров кода, чтобы объяснить, как атрибут title используется в HTML. Но не волнуйтесь, вам не нужно будет добавлять HTML-код на свой сайт.
Обычно вы можете отображать изображения с помощью HTML-тега вот так:
Однако веб-гусеницы, боты и устройства для чтения с экрана не могут видеть ваши изображения. Чтобы помочь этим устройствам, вы можете использовать альтернативный текст и атрибут title text в ваших изображениях.
Итак, чтобы помочь поисковым системам и ботам узнать, что представляют собой ваши изображения, вы можете добавить атрибут альтернативного текста к тегу изображения.
Атрибут тега alternate описывает, что представляет собой ваше изображение, и он более важен, чем атрибут title. Вот как это выглядит:
Тег alternate также отображается, когда ссылка на изображение не работает, не найдена или когда браузер не может загрузить изображения. Вы увидите маленький значок изображения с альтернативным тегом рядом с ним.
Чтобы облегчить работу пользователей с программами для чтения с экрана и обеспечения доступности, вы также можете добавить атрибут title к изображению, как показано здесь:
Этот атрибут заголовка появляется во всплывающем окне при наведении курсора мыши на изображение. Те, кто использует программное обеспечение для чтения с экрана, могут настроить свое программное обеспечение для чтения этого заголовка.
Использование как альтернативного текста, так и атрибута title способствует SEO вашего изображения, поэтому вы сможете привлечь больше трафика на свой сайт из поисковых систем.
Добавление атрибута title к изображениям в WordPress
WordPress позволяет легко добавлять атрибуты alt и title в редакторе контента. Сначала перейдите на сайт Посты » Добавить новый и создайте пост.
Нажмите на значок ‘+’ и выберите блок ‘изображение’, чтобы вставить изображение в свой пост или страницу.
Вам будет предложено загрузить или выбрать изображение из вашей медиатеки. Когда вы выберете изображение, у вас будет возможность дать ему заголовок и ввести текст alt.
Важно: Этот заголовок не является атрибутом title, используемым в HTML. Этот тег используется WordPress внутри сайта для отображения изображений в медиатеке.
Чтобы добавить фактический атрибут заголовка, вам нужно нажать на изображение, чтобы просмотреть настройки изображения в правой колонке.
Теперь нажмите, чтобы развернуть вкладку «Дополнительно» и введите текст, который вы хотите использовать для атрибута заголовка. Мы написали «Корзина с фруктами», потому что это говорит интернету, что это за изображение.
Теперь, когда вы просматриваете свой сайт и наводите курсор мыши на изображение, вы увидите всплывающее окно с надписью «Корзина с фруктами».’
Добавление атрибута заголовка к изображениям в классическом редакторе WordPress
Если вы все еще используете старый классический редактор WordPress, то вы все еще можете добавить атрибут заголовка, выполнив аналогичные действия.
В классическом редакторе нажмите кнопку «Добавить медиа» и выберите изображение.
Теперь выберите изображение, которое вы хотите добавить к своему посту или странице, и заполните поле Alt Text и поле Title.
Имейте в виду, что этот заголовок используется WordPress внутри сайта и не является атрибутом заголовка изображения.
Нажмите кнопку «Вставить в пост» в нижней части экрана, и тогда вы увидите свое изображение в классическом редакторе постов.
Выберите изображение, а затем нажмите на значок карандаша. Это приведет к появлению всплывающего окна «Детали изображения». Отсюда, вам нужно нажать на выпадающий список «Дополнительные параметры», чтобы ввести атрибут заголовка изображения.
Не забудьте нажать на кнопку «Обновить» внизу, затем сохраните свой пост и проверьте его в браузере. вы увидите всплывающее окно, показывающее атрибут заголовка вашего изображения, когда вы наведете курсор мыши на изображение.
Мы надеемся, что эта статья помогла вам легко добавить атрибут title к изображениям в WordPress. Вы также можете посмотреть, как исправить наиболее распространенные проблемы с изображениями в WordPress, и как сохранять изображения, оптимизированные для скорости сайта.
Источник: www.wpbeginner.com