WordPress image title alt

Содержание
  1. Атрибуты Alt и Title для изображений в WordPress
  2. Alt и Title: что это такое и для чего необходимы
  3. Как и где заполнять Alt и Title в WordPress
  4. Оптимизация изображений: что писать в Alt и Title
  5. Заключение
  6. Атрибут alt WordPress: оптимизируем картинки 4 совета по заполнению
  7. Что такое атрибут alt в CMS WordPress
  8. Как прописать атрибут alt в вордпресс
  9. В классическом редакторе
  10. В Gutenberg
  11. Как автоматически проставить alt в изображениях плагином
  12. Title и подпись для картинок
  13. Что писать в alt и остальные теги в WordPress
  14. Add ALT Text & Title to Images in WordPress: SEO Friendly Blog Images
  15. What is an Alt Text?
  16. But Why & When Images Get Broken?
  17. What About Images With No Purpose?
  18. How Google Treats Image Alt Text?
  19. What Google Experts & SEO Experts Said About Alt Text?
  20. Why is Alt Text Important?
  21. 1. Alt Help You Rank in Google Images
  22. 2. Alt Text Boosts Image SEO
  23. 3. Alt Attributes Improves Accessibility
  24. 4. Alt Tag is Among 200 Google’s Algorithm Ranking Factors
  25. 5. Alt Descriptions Improves ‘Topical Relevance’
  26. 6. Alt Text For Image Links = Anchor Text For Links
  27. Tips on How to Write SEO Optimized Alt Text?
  28. 1. Keep Alt tags Descriptive and Information-rich
  29. 2. Add Your Target Keyword in Alt Text
  30. 3. Keep Image Name and Alt Text Same [Optional]
  31. 4. Keep Alt Tags Relevant to the Page
  32. 5. Keep Alt Tags Short
  33. 6. Avoid Over Keyword Stuffing
  34. 7. Never Duplicate Alt Text For Multiple Images
  35. 8. Add Captions to Images
  36. 9. Change Title & Captions Autofilled by WordPress (Optional)
  37. How to Add Image Alt Text to Images in WordPress?
  38. 1. How to Add Image Alt Text in Gutenberg WordPress Editor?
  39. 2. Add Alt Tags To Images in WordPress Automatically Using [WordPress Plugins]
  40. (a) How to Add and Edit Bulk Image Alt Text Using Image SEO Optimizer WordPress Plugin?
  41. (b) SEO Friendly Images WordPress Plugin
  42. 3. Add Alt Text to Newly Uploaded & Existing Images Directly from Media Library
  43. 4. Add Alt Tags To Images in WordPress Automatically Using [Code]
  44. Code Snippet
  45. 5. Add Image Alt Text in Classic Editor
  46. BONUS – Automatically Add Alt Text and Image Title Text if You’re Using RankMath SEO Plugin
  47. What is the Title Text?
  48. How to Add Title Text to Images in WordPress?
  49. Alt Text FAQs
  50. What if My Theme Doesn’t Support Alt Tags?
  51. My Final Verdict on Adding Alt Text to Images
  52. Related Posts
  53. Mayank Majeji
  54. 8 comments on “ Add ALT Text & Title to Images in WordPress: SEO Friendly Blog Images ”

Атрибуты Alt и Title для изображений в WordPress

В статье об оптимизации изображений на блоге pro-wordpress.ru уже упоминалось о важности атрибутов Alt и Title. Даже если качество контента на вашем сайте высокое, а посещаемость растет с каждым днем, у вас все еще есть возможность сделать его лучше – более удобным для пользователей и более понятным для поисковых систем, а также получать дополнительный трафик на сайт.

В этой статье рассмотрим подробнее, как в WordPress прописать атрибуты Title и Alt для картинки, что это такое и какова от этого польза для продвижения сайта.

Alt и Title: что это такое и для чего необходимы

Атрибуты тега Alt и Title – это описание графического изображения, находящегося на странице сайта, с помощью текста, цель которого состоит в предоставлении посетителю и поисковому роботу более полной информации.

Alt для изображений на сайте нужен, прежде всего, поисковику, который с помощью этого атрибута (альтернативного текста) может «понять», что находится на картинке (разумеется, если описание составлено корректно), проиндексировать ее и добавить в свою коллекцию – базу медиафайлов. Если графика на сайте не закрыта от индексации в файле robots.txt, Alt дает возможность сайту получать трафик из поиска Яндекс и Гугл по картинкам или фотографиям. Для посетителя этот параметр становится видимым, если в настройках браузера функция показа графики отключена, что делается в некоторых случаях для ускорения веб-серфинга по текстовому содержимому сайтов.

Title изображения – это предназначенное для посетителя краткое описание картинки, выполняющее роль ее заголовка. Из описаний-тайтлов для каждого изображения на странице формируются всплывающие подсказки, появляющиеся при наведении курсора. У поисковиков отсутствуют требования к обязательному заполнению тайтла, но можно встретить советы специалистов по продвижению сайтов, рекомендующих прописывать Alt и Title для картинок.

Атрибуты Title и Alt изображений выглядят в коде страницы следующим образом:

Как и где заполнять Alt и Title в WordPress

Функционал большинства распространенных CMS, используемых для создания сайтов, предоставляет не только возможность визуального редактирования контента, но и доступ непосредственно к коду страницы. Ориентируясь на представленный выше синтаксис тега , прописать каждый из атрибутов легко вручную.

В WordPress задать атрибуты можно в процессе добавления на сайт изображения, заполнив предлагаемые системой поля «Заголовок» и «Атрибут Аlt».

Для уже загруженных картинок редактирование атрибута Alt доступно по щелчку кнопки мыши по изображению (иконка «Изменить» с изображением карандаша). В этом же окне («Параметры изображения») можно обнаружить и доступную для изменения строку Title, для этого необходимо развернуть пункт меню «Дополнительные настройки».

Как видим, ничего сложного в этом процессе нет. Понятно, что заполнение описаний при загрузке картинок может восприниматься начинающим вебмастером задачей рутинной и малоинтересной, но пренебрегать ей не следует.

Оптимизация изображений: что писать в Alt и Title

Насчет того, как правильно заполнять Title и Alt описание изображения, на вебмастерских форумах и блогах оптимизаторов до сих пор можно встретить немало противоречивых мнений и советов. И это не удивляет, так как меняются требования поисковых систем к контенту, появляются новые поисковые алгоритмы и фильтры, а оптимизаторам приходится подстраиваться под них, экспериментировать и разбираться в том, какие действия способны принести пользу сайта, а какие – навредить.

Одним из распространенных советов относительно атрибута Alt является предложение прописывать в него ключевые фразы, соответствующие контенту страницы, а то и просто – главный ключ из H1. Некоторые из вебмастеров в целях экономии времени отдают предпочтение плагинам, заполняющим описание всех находящихся на странице картинок автоматически – также ключом из заголовка H1.

Опасность подобного подхода в следующем. Когда изображений на странице много, а в атрибутах тега у них прописан главный ключевой запрос для продвижения, это может привести к переоптимизации страницы. То, что не видят на странице живые посетители, «видят» поисковые роботы. Каждая строка кода подвергается их тщательному анализу и классификации.

Хотя Яндекс и утверждает, что тексты из тега описания картинок не попадают в основной индекс, это еще не значит, что они не учитываются при ранжировании страниц. Обнаружение алгоритмами поисковика признаков переоптимизации способно привести к наложению на страницу фильтра и, как следствие, к ухудшению позиций в результатах поиска. Пример одного из таких фильтров: знакомый многим вебмастерам и сеошникам Баден-Баден от Яндекса.

Оптимальным и менее рискованным подходом к работе с атрибутами изображений в процессе оптимизации сайта представляется использование в текстовых атрибутах изображений Alt и Title разных, уникальных для каждого изображения, низкочастотных ключевых запросов, соответствующих содержимому картинки. Пустые, не относящиеся к изображению

Объем текста для Alt должен составлять 3-10 слов, для Title допустимо более развернутое описание, но увлекаться здесь тоже не нужно – всплывающая подсказка из нескольких строк не всегда бывает уместна и может лишь испортить впечатление.

В рекомендациях для вебмастеров Яндекса атрибуту Alt посвящен раздел «Использование графики». Советы основной поисковой системы рунета таковы:

  • всегда заполнять атрибут Alt описания картинки;
  • текст, представленный на картинке, необходимо дублировать в ее описании – особенно важно это при использовании в навигации сайта графических элементов меню;
  • использовать в именах файлов изображений осмысленные названия, например, atribut-alt-dlya-kartinki.jpg вместо alt001.jpg;
  • для улучшения позиций в поиске по картинкам располагать изображение в непосредственной близости от текста, который оно иллюстрирует.

Заключение

Подведем итоги сказанному выше.

Заполнение атрибута Alt на сайте:

  • при индексации страниц учитывается поисковиками;
  • способствует повышению общей релевантности страницы запросам;
  • дает сайту возможность участвовать в поиске по картинкам;
  • помогает пользователю с отключенной в браузере графикой получить представление о содержании картинки.

Атрибут Title для картинки:

  • не оказывает непосредственного влияния на ранжирование страниц в поисковой выдаче;
  • служит для улучшения юзабилити сайта, позволяя посетителю видеть описание в виде подсказки над картинкой.
  • не является обязательным (заполняется по необходимости или желанию вебмастера).
Читайте также:  Joomla одна кнопка социальные сети

Выводы о важности использования атрибутов текстового описания картинок на своем ресурсе из перечисленных моментов вы можете сделать самостоятельно.

В комментариях под статьей предлагаю вам поделиться собственным опытом и ответить на вопрос, используете ли вы Alt и Title для seo-продвижения сайта?

Источник

Атрибут alt WordPress: оптимизируем картинки 4 совета по заполнению

Для распознавания фото придумано два основных мета тега – Alt и Title, они задают тематику и вывод изображения по запросу в поисковой выдаче. Поэтому их нужно проставить для всех фотографий, как прописать тег title и атрибут alt в WordPress покажу в данной статье.

Что такое атрибут alt в CMS WordPress

ALT – специальный атрибут применяемый к медиафайлам. Разрабатывался для поисковых систем, чтобы понять что показано. На сайте увидеть нельзя только через исходный код страницы в images.

Но в последствии поисковые системы научились определять что показано в файле, с помощью нейросетей и специальных скриптов, понимающих цветовую структуру. Поэтому влияние альта на продвижение в Яндексе и Google стало менее ощущаться.

Как прописать атрибут alt в вордпресс

Раньше вес тега alt был выше, сейчас как рекомендация, а не правило заполнения. В любом случае пока не отменили, нужно использовать.

В классическом редакторе

В WordPress классическом редакторе нажимаем на изображение и выбираем значок редактировать.

Далее появится окно WP, на первой строчке будет поле с возможностью прописать альт. Заполняем и в нижнем правом углу нажимаем кнопку Выбрать, чтобы изменения сохранились.

Не забываем обновлять саму запись или страницу.

В Gutenberg

В новом удобном редакторе Gutenberg процесс занесения атрибута alt проще:

  1. Вставляем картинку через соответствующий блок и выделяем ее нажатием
  2. В правой колонке WordPress появится окно настроек блока, увидите раздел

Как автоматически проставить alt в изображениях плагином

Чтобы автоматически проставить alt к изображениям в статье, используйте плагин Clearfy Pro.

Ссылка на Clearfy PRO

У плагина есть более 50 настроек по улучшению, чистке, SEO, ускорению и оптимизации блогов на WordPress. В разделе SEO передвигаем переключатель в активное положение, теперь ко всем картинкам, не имеющих альта, он сделает автозаполнение взяв текст из заголовка.

Title и подпись для картинок

Стоит отметить еще две возможности это title и подпись для картинок. В ранжировании любого элемента играет роль окружающий текст. Что делают данные элементы:

  • Тайтл показывает всплывающую подсказку при наведении на объект
  • Подпись добавляет текст снизу, который индексируется как простой контент, но находится в одном блоке с файлом в разметке HTML

В гутенберге чтобы сделать все в одном месте, лучше действовать через библиотеку файлов вордпресс:

Приложу авторское видео, чтобы представить процесс более ясно.

Что писать в alt и остальные теги в WordPress

Правил должны придерживаться не только владельцы WordPress, но и другие вебмастера:

  • Все три параметра – alt, title и подпись должны отличаться, особенно для ресурсов продвигающихся за счет фотографий, рисунков, картин и других творческих направлений
  • Альт должен содержать конкретику, и не больше 50 символов с пробелами. Хорошо применять околотематические слова и фразы в разбаленном виде из главного ключа
  • Тайтл – показывает что на рисунке, особого значения не придавайте, если показан цветок, так и напишите
  • Подпись – в сегодняшней ситуации важнейший элемент, заносим в нее важную информацию о файле, много писать не нужно, а то получиться целостный абзац
  • Есть так же описание в настройках, но им пользоваться бессмысленно, ни на что не влияет
  • Не забывать заполнять атрибут для миниатюр записей

Закончу статью, научились заполнять атрибут alt в WordPress и сможете сделать сайт лучше для поисковых систем.

Источник

Add ALT Text & Title to Images in WordPress: SEO Friendly Blog Images

When it comes to Image Optimization, I’m sure you’ve heard about alt tag and title text for at least one single time!

Adding alt attribute and title attribute to WordPress images is considered as one of the best practices for OnPage SEO which –

  1. Optimize your website’s Image SEO,
  2. Helps you get better search engine rankings,
  3. Improves topic relevance, and
  4. Improves accessibility for users with poor vision or screen reader devices.

I’ve compiled an in-depth guide on alt text and title attribute in which you will learn –

  1. What is alt text and title text in WordPress
  2. Difference between image alt text vs image title in WordPress
  3. How to add alt text and title to an image in WordPress
  4. Tips on How to Write SEO Optimized Alt Text
  5. Lots more.

So, if you want to learn more about alt and title text attributes, then you’ll love this piece of content.

Table of Contents

What is an Alt Text?

An alt text is a description that we give to a search engine so that it can know what the image is all about.

Alt-text is also known as “alternative text”, “alt attributes” and “alt descriptions”.

Image alt text is metadata for images (like meta descriptions and other meta tags) that works behind the scenes and hidden from website visitors.

Takeaway – Alt text is beneficial both for users and search engines.

Many people also use “alt tags” which is technically incorrect as it’s an attribute and not an HTML tag.

Here’s an example of alt text getting displayed in place of the broken image defined.

So, an alt tag is also defined as the text that gets displayed in place of a broken image.

Technically, the alternate text is an HTML attribute of the image tag.

But Why & When Images Get Broken?

An Image might not get displayed (broken) due to several reasons –

  1. Low server connectivity
  2. Invalid image path
  3. Browser configuration
  4. Image saved in the wrong mode (Ex: JPG in CMYK doesn’t get displayed in IE8)
  5. Too many requests
  6. Blocked by security software used in the website.

In short, alt tags define the image purpose.

What About Images With No Purpose?

Sometimes, images don’t have any purpose and are added only for design reasons.

In that case, you can leave the alt and title text blank.

How Google Treats Image Alt Text?

Remember that Google spiders don’t know what pictures are?

So, when search engine spiders crawl our post or article they read alt texts on images which ultimately helps you to rank in Google search results for a particular keyword.

Takeaway –

  • Alt attributes are used both for image and web search.
  • Google considers alt text as part of the post or page.

In fact, Google has clearly stated in one of its articles how it treats alt tags –

What Google Experts & SEO Experts Said About Alt Text?

1. Matt Cutts, Google

“Adding an ALT tag is very easy to do, and you should pretty much do it on all of your images. It helps your accessibility, and it can help us understand what’s going on in your image.”

2. John Mueller, Google

Alt text is extremely helpful for Google Images — if you want your images to rank there. Even if you use lazy-loading, you know which image will be loaded, so get that information in there as early as possible & test what it renders as.

3. Brian Dean, Backlinko

“Alt Tag (for Image Links): Alt text is an image’s version of anchor text.”

Why is Alt Text Important?

Here are 6 major reasons that shows the importance of alt text for SEO.

1. Alt Help You Rank in Google Images

Google images is one of the best ways to drive more traffic to your website.

Images drive a huge amount of traffic. For example, we receive a huge amount of traffic from Google Images.

Here’s a quick stat of total number of clicks and impressions we are receiving on our website –

When someone searches a keyword in Google image search, Google displays images that match the alt text.

Therefore, images with no alt text or wrong alt text will never be able to rank on Google image search.

2. Alt Text Boosts Image SEO

Just like text content, images also rank on Google and other search engines.

Search crawlers don’t understand the images directly.

Читайте также:  Monitoring tool in linux

Instead, search engines use alt text to understand the image and rank them in Google image search.

Therefore, including your target keyword not only will boost your on-page image SEO, but will also act as search engine ranking factor.

3. Alt Attributes Improves Accessibility

Alt text plays an important role in increasing accessibility for –

  1. Sight impaired users or Poor vision users,
  2. Screen readers, and
  3. Browsers that block images.

Alt tags make sure that everyone can access and understand your web page content one way or the other.

Note – A screen reader reads the entire text content in the article along with the images and alt text. Screen readers convert on-screen content including the image alt text to audio for visually impaired users.

4. Alt Tag is Among 200 Google’s Algorithm Ranking Factors

Images are important because it sends the relevancy signal to Google indirectly via –

  1. Image Name,
  2. Alt Text,
  3. Title Text,
  4. Description, and
  5. Caption.

Another reason to optimize alt tags is that it’s one of the relevancy and ranking factors in Google Search Algorithm.

5. Alt Descriptions Improves ‘Topical Relevance’

Topic relevance is a ranking signal in Google search algorithm. It applies to both content and media including images, video, and audio files.

So, when Google crawls a web page,

  • It looks for keywords to understand the page content, and
  • Alt text attributes to understand the images.

And when Google finds out that content and images are relevant, it leads to a better understanding of the web page and boosts image SEO.

According to the SEO expert Brian Dean, image alt text is nothing but an anchor text for image links.

Tips on How to Write SEO Optimized Alt Text?

Here are some image alt text best practices and tips –

1. Keep Alt tags Descriptive and Information-rich

Just like image names, alt text must also be descriptive, information-rich and relevant to the image and page content.

Google advise about choosing alt tags,

But apart from Google here’s what we use on TheMaverickSpirit to optimize image alt text.

2. Add Your Target Keyword in Alt Text

Always try to add your target (focus) keyword in one of the image’s alt texts. We add it on the featured image of the blog post.

3. Keep Image Name and Alt Text Same [Optional]

We keep the image name and alt text same. But it’s not necessary and you can keep them different.

We do this because in this way one of the image names contains our target keyword and we don’t have to over-optimize our images with keyword stuffing.

4. Keep Alt Tags Relevant to the Page

Alt tags not only help Google to understand what the image is all about but also the page which ultimately helps in ranking Google.

But how? Let’s understand this with an example.

Suppose you have created a page about SEO and you add 2 images with alt texts – ‘on-page SEO’ and ‘off-page SEO’.

These alt tags will make Google understand that this page is about SEO. And it will surely help you in ranking in organic search.

5. Keep Alt Tags Short

Try not to exceed 120 characters while writing alt tags.

6. Avoid Over Keyword Stuffing

Don’t try to over-optimize the alt tags by keyword stuffing. Just stick to the basics and cover your targeted and relevant keywords.

7. Never Duplicate Alt Text For Multiple Images

Never use the same alt text in multiple images.

It will create confusion for search engines to understand the difference between the two. It is similar to duplicate content.

8. Add Captions to Images

You can also add caption just below the title field. (this text will get displayed as the user hovers over the image.)

9. Change Title & Captions Autofilled by WordPress (Optional)

It is considered as a good SEO practice to fill title and caption as well.

WordPress autofill the title field with the image file name. But you can change it anytime.

Recommended Reading – Have a look at my recent post, featuring SEO tips on – Image optimization !

How to Add Image Alt Text to Images in WordPress?

There are 5 methods using which you can add alt text to an image in WordPress.

  1. Add Image Alt Text in Gutenberg WordPress Editor,
  2. Add Alt Text To Images in WordPress Automatically Using [WordPress Plugins]
    1. Image SEO Optimizer
    2. SEO Friendly Images
  3. Add Alt Text to Images Directly from Media Library While Image Uploading
  4. Add Alt Tags To Images in WordPress Automatically Using [Code]
  5. Add Image Alt Text in Classic Editor

Implement these simple steps to bring more search engine traffic to your blog post.

Let’s go through them one-by-one.

1. How to Add Image Alt Text in Gutenberg WordPress Editor?

One of the easiest ways to add images to WordPress posts and pages is to directly insert them while editing the article or page.

So, if you are using the latest Gutenberg editor, that was introduced in WordPress 5.0 release, then here’s the process.

1. Open the WordPress Post/page where you want to insert an image.

2. Add an “image block”

3. Insert the image via one of the 3 options – Upload, Media Library, and Insert from URL.

4. Once you insert the image, either it will automatically fetch the alt text from the built-in media uploader if you have added one or you can add the alt text from the block settings.

2. Add Alt Tags To Images in WordPress Automatically Using [WordPress Plugins]

It’s a hectic task to add alt text to all images one by one.

Therefore you can use any of these 2 awesome plugins to add image alt tags automatically.

(a) How to Add and Edit Bulk Image Alt Text Using Image SEO Optimizer WordPress Plugin?

ImageSEO optimizer enables bulk image optimization on WordPress images and optimize your images for social media sharing, accessibility, and SEO.

Quick Overview of Image SEO Optimizer

1. It automatically fills out alt text and renames file names when you upload images via built-in WordPress media uploader,

2. It notifies about missing alt texts,

3. It lets you choose whether you want to optimize all the images or only feature images,

4. 100% compatible with WooCommerce and automatically add WooCommerce product image alt text and optimize image names using AI (Artificial Intelligence).

5. It comes with bulk optimization for images in WordPress.

Star Features – One of the best things about this plugin is that it even allows you to choose whether you want to add and optimize alt text to all the images or only the images with no alt text or empty alt text.

Now that we know about Image SEO optimizer, let’s check out how to add and optimize image alt text in WordPress using image SEO optimizer plugin.

1. Install and activate image SEO optimizer plugin.

In case if you don’t know how to install a WordPress plugin, you can check out the complete guide on WordPress plugin installation.

2. Go to Dashboard > Image SEO.

3. You need to create an account or add an API key.

4. Scroll down to “On-upload optimization” section.

Here, you can configure auto-fill alt texts for images and file renaming settings.

5. Check if there are any missing alt text on the “website overview” section on the same page.

6. Next you can also bulk optimize your images by visiting the “bulk optimization settings” page.

7. Once the configuration is done, it will start optimizing your WordPress images and automatically adds alt text.

(b) SEO Friendly Images WordPress Plugin

What does SEO Friendly Images Plugin do? SEO Friendly Images automatically add and update alt tags and title tag to WordPress images according to the plugin settings you set.

Another task this plugin does is it validates the post for W3C/XHTML.

Читайте также:  Как подключить двигатель от принтера к блоку питания

Process –

1. First, you need to install and activate the SEO Friendly Images plugin from the WordPress repository.

2. Upon activation, Go to Dashboard > SEO Friendly Images > Settings.

Keep your Alt tag same as your Image Name.

We will recommend you to keep the only %name in the Image ALT and TITLE attribute field.

The reason behind it is pretty simple. If you will keep %title, it will append the post title in all the images you’ve added to the post which will make it redundant and over-optimized for SEO.

Plus, it will only confuse Google with so many images with the same keywords.

Name your Images Carefully.

Now if you decide to keep your alt tag same as your image name, make sure you give proper names to your images.

You can read the complete guidelines on – How to name your WordPress blog post images?

3. Add Alt Text to Newly Uploaded & Existing Images Directly from Media Library

One of the easiest ways to add alt text is to add via WordPress media file library whether its content image or feature images.

1. Go to Dashboard > Media.

2. Upload a new image or click on an existing image of which you want to add alt text.

3. Once you click an image, a popup will open that allows you to add and edit alt text and title text to the WordPress image.

Recommended – One of the best things about using this method is once you add alt text to the media library, the images will automatically fetch alt text when you insert it in a WordPress page or post.

4. Add Alt Tags To Images in WordPress Automatically Using [Code]

The next method to add alt tags to images automatically is through code.

Also, there’s nothing to worry even if you’re not comfortable with code, you can check out the guide on – How to add code and edit functions.php file in WordPress?

Code Snippet

5. Add Image Alt Text in Classic Editor

If you choose to disable the Gutenberg editor, then here’s the process of adding alt text to images in Classic editor.

WordPress allows you to add Alt text to your images when you upload them using the default media up-loader of WordPress.

All you have to do is –

1. Go to your WordPress Dashboard.

2. Click on Posts and open up any post in which you want to add an image.

3. Now click on Add Media.

4. Upload any image.

5. After uploading the image, you will notice a WordPress image description section with some fields to be filled on the right side.

6. You can add the alt text in the Alt field, which is fourth from the top.

7. After entering your image alt text for SEO and title tag, click on Insert into the post and there you go. It’s done.

BONUS – Automatically Add Alt Text and Image Title Text if You’re Using RankMath SEO Plugin

If you’ve installed RankMath SEO plugin on your WordPress website, then it comes with an in-built feature to add alt text and title text automatically to WordPress images.

1. Go to Dashboard > Rank Math > General Settings > Images.

2. In Rank Math Image Settings, you can configure options to add missing alt text and title text automatically.

What is the Title Text?

The title text gets displayed when someone hovers over the image.

The title attribute is completely optional. It’s completely up to you whether you want to use it or not.

How to Add Title Text to Images in WordPress?

You can easily add the image title attribute to your image tag from WordPress media library just like we added alt text.

1. Go to Dashboard > Media and click on the image you want to add the title text attribute.

2. WordPress automatically inserts the file name as the default title text but you can edit it if you want to.

Alt Text FAQs

No. Adding alt text to images is not mandatory. There are many occasions when you don’t need to add alt attributes at all such as designing purposes.

Yes. The alt text not only boosts your website’s image SEO but also increases topic relevance which ultimately helps in search engine rankings.

There’s no such limit defined for the alt text, but we consider the 120 character limit for alt text on our website.

There are multiple ways to find images without alt text or missing alt texts which include tools and WordPress plugins. Two such ways are using SEO tools like SEMrush, and Screamingfrog or image SEO optimizer WordPress plugin.

You can use Image SEO optimizer to add or bulk edit alt tags in WordPress.

What if My Theme Doesn’t Support Alt Tags?

Sometimes, there’s a possibility the theme you are using may not support the alt functionality by default.

In that case, you need to add the code mentioned in the above heading (Add Alt Tags To Images in WordPress Automatically Using [Code]) to enable that.

My Final Verdict on Adding Alt Text to Images

Adding alt tags will certainly boost up your search engine rankings and on-page SEO.

  • If you’re a beginner, I will recommend you to opt one of the first 2 methods to optimize your image alt tags.
  • And if you’re a developer who is familiar with code, then you can opt any of the 3 methods mentioned above.

Don’t forget to share if you know any other method which I have not mentioned in this post. I would love to hear you out.

Comment them down below!

Speed is Essential: 6 Tips to Speed up Your Website in 2021

10 Best CDN Service Providers to Speed Up Your Website [2021]

ShortPixel Image Optimizer Review – Best WordPress Image Compression Plugin

Mayank Majeji

Mayank Majeji is the Co-founder & Developer at TheMaverickSpirit. A full stack developer who loves working with WordPress! Develops Themes & Plugins that have one common goal — Keeping it as simple as possible for users to manage them comfortably!!

8 comments on “ Add ALT Text & Title to Images in WordPress: SEO Friendly Blog Images ”

Thanks for the reminder! I was doing this at first and then stopped for some reason.
Should the alt tag be my keyword?

You can! but then don’t spam by getting it on every image.. You can use LSI keywords instead.. 🙂 Let Google believe that you are writing something around your target keywords.. 😉

Hi,
I use Divi Builder and don`t work Alt in media library of WP in themes! with your code work it?
I used and don`t work.

Hi Saleh,
If you’re using Divi builder, You need to follow this process:
1. Whenever you upload an image using Divi builder, a window with name “Image Module Settings” will get open.
2. You need to Click on the Advanced Tab.
3. Scroll Down and look for Image Alternative Text Field.
4. You can write your alternative text here.

I hope this will help you. 🙂

Is there a way to do bulk alt tags since all the images are already on the site?

Above code also work for adding alt tags to already uploaded images. It automatically adds the alt tag to pre-existing images.

Let me know if you find any difficulty. I would be happy to help you out.

I have used the code mentioned in this article i.e.,

function maverick_add_img_alt_tag_title($attr, $attachment = null) <
$img_title = trim(strip_tags($attachment->post_title));
$attr[‘alt’] = $img_title;
$attr[‘title’] = $img_title;
return $attr;
>
add_filter(‘wp_get_attachment_image_attributes’, ‘maverick_add_img_alt_tag_title’, 10, 2);

It works for me but the main issue is

It overwrites the “existing alt text”. Could you please modify the code accordingly.

Thanks for letting me know about the overwriting.

I’ve updated the code. Let me know if you need further help.

Источник

Поделиться с друзьями
КомпСовет
Adblock
detector