Как автоматически добавить атрибут alt в теги img вашего блога на wordpress (там, где их нет)

Как автоматически добавить атрибут Alt в WordPress

Заметили, что при проверке в PageSpeed Insights Гугл ругается на отсутствие alt в изображениях на Вашем WordPress-сайте? Не переживайте, все поправимо!

Важность атрибута Alt

Благодаря заполненному атрибуту Alt у картинок, Ваш сайт получает дополнительный трафик в поисковых системах. Так, кроме текстового контента, также появляется возможность для пользователя найти Ваш сайт при поиске изображений.

Как автоматически добавить Alt?

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

Наиболее быстрым и корректным способом является использование многофункционального плагина Clearfy Pro, который автоматически заполнит пустой Alt-тег в изображениях на Вашем сайте. Для этого всего лишь потребуется в админке перейти Clearfy Pro и на вкладке SEO передвинуть вправо ползунок напротив опции Автоматически проставить alt.

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

Плагин Clearfy Pro подставляет это значение в зависимости от названия записи, в которой выводится то или иное изображение.

Способ 1. Плагин Auto Image Attributes From Filename With Bulk Updater

Плагин Auto Image Attributes From Filename With Bulk Updater позволяет не только автоматически добавить значение в атрибут Alt, но также Title, Caption и Description. Для этого, после его установки и активации, в админ-панели следует перейти Настройки -> Image Attributes, и на вкладке Bulk Updater нажать кнопку Run Bulk Updater.

Способ 2. Update Image Tag Alt Attribute

Update Image Tag Alt Attribute — еще один плагин для добавление мета-информации в изображения. Способ его работы аналогичен предыдущему плагину.

Он также “жестко” устанавливает значения, которые невозможно будет изменить для отображения в разных публикациях. Итак, после активации плагина следует перейти в раздел Maui Marketing -> Update Alt и нажать кнопку Start Update Only Media.

Этим Вы запустите трудоемкий процесс поиска и установки для всех фото Вашего сайта Alt-атрибута.

Задай их экспертам в нашем телеграм канале «WordPress сообщество» Если Вам понравилась статья — поделитесь с друзьями

Источник: https://WPSchool.ru/auto-set-alt/

Правильно оптимизируем изображения для сайта

Здравствуйте, друзья.

Сегодня следующий материал по работе с изображениями.

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

В этой статье я покажу, как производится оптимизация изображений на сайте с помощью атрибутов title и alt для продвижения страниц в поисковых системах.

Статья будет не очень большая, но полезная.

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

Это всего лишь одна мелочь из массы, правильное использование которой может помочь вам обойти конкурентов на страницах поиска. Если использовать все мелочи в совокупности, то вы получите очень больше преимущество над другими сайтами.

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

Весь процесс оптимизации я разделяю на 3 этапа:

  1. Создание уникального изображения;
  2. Подготовка окончательного изображения для размещения на сайте, которое не будет грузить блог. На данном этапе мы уменьшаем размер изображения, чтобы страницы грузились быстро;
  3. Правильная оптимизация атрибутов title и alt изображения.

Сюда еще можно добавить правильное название исходного файла, перед загрузкой на сайт. Об этом поговорим ниже.

Про создание уникальной картинки и последующее уменьшение размера я выделю отдельные подробные статьи с видео-уроками. Сейчас я же хочу акцентировать свое внимание именно на атрибутах title и alt, так как многие их заполняют неправильно или же не заполняют вообще. А зря!

Ведь с помощью их заполнения можно придать релевантности (соответствия продвигаемому запросу) нашим страницам и увеличить количество трафика на сайт именно из поиска по картинкам. Также сделать страницу более качественной в плане описания, так как даже картинки будут показывать поисковым системам, что они размещены целесообразно, а значит — страница еще более качественная.

Ну а теперь рассмотрим процесс оптимизации изображений на практике. Как я уже говорил выше, рассмотрим заполнение всех данных — title и alt картинок.

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

Как правильно заполнять title и alt изображений?

Сначала скажу пару слов об этих атрибутах. Зачем они нужны?

Теперь рассмотрим, как же нужно заполнять их.

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

Сначала разберем, что это за атрибуты.

  • Title — во всех случаях это тег заголовка чего-либо (заголовка записи, изображений и так далее);
  • Alt — атрибут тега img itemprop=»image», который описывает изображение. Еще называется «альтернативный текст».

Атрибут alt является очень важным для изображений. Его нужно заполнять в 100% порядке. На заполнив же Title, ничего плохо не произойдет, но для лучшего эффекта также необходимо на него обращать внимание.

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

На практике, если просмотреть код изображения на сайте, title и alt выглядят следующим образом.

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

Сейчас уже нельзя вписывать в данные атрибуты большое количество ключевых слов, а там более в каждое изображение статьи. Представьте, что у вас на странице 40 изображений. Если вы пропишите в title и alt всех изображений ключевые сова, то вероятно, что попадете под санкции поисковых систем и высоких позиций в выдаче не видать.

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

Можно также вписать и ключевое слово, по которому продвигается статья, но сильно с этим не играйтесь. Я прописываю максимум к одному изображению в статье — к главной первой миниатюре.

Будет очень хорошо, если ваша картинка будет окружена тематическим текстом, который также ее описывает. Но опять же, все должно быть понятно посетителю и не восприниматься, как какая-то манипуляция. Все делаем естественно. Если тематический текст не имеет места быть возле картинки, то просто пропишите title и alt к изображению и все.

к содержанию ↑

Title и alt должны быть одинаковы?

И снова куча мнений. Кто-то говорит, что должно быть различие, а кто-то — лучше эффект, когда одинаковые. Я же больше склоняюсь верить каким-то фактам. Для этого я взял пару очень успешных ресурсов и посмотрел, как прописываются данные атрибуты у них.

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

Поэтому, следующий вывод — атрибуты title и alt можно делать одинаковыми.

Но, это не 100% догма. Можете сделать их немного отличными, но чтобы смысл не терялся от этого. И тайтл и альт должны описывать изображение.

К тому же title может вообще отсутствовать (ошибки в этом нет) и содержать иную информацию кроме описания самой картинки. Более подробно о грамотном заполнении альта и тайтла я написал тут.

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

к содержанию ↑

Как практически прописать атрибуты к изображению

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

Когда мы добавили изображение в статью, то можем его редактировать, нажав на соответствующую пиктограмму при клике на изображение.

Во всплывающем окне задаются параметры изображения, в том числе прописываются title и alt.

Заполняем все и и не забываем обновить файл, что изменения вступили в силу. Так делаем с каждым изображением.

Если же у вас сайт не управляется никакой платформой, то есть простая html страница, то придется добавлять руками.

Я рекомендую сделать следующим образом. Естественно, вам потребуется исходный код сайта, где вы можете увидеть код изображения. Вам нужен открывающий тег<\p>

Источник: http://kostyakhmelev.ru/prodvizhenie/optimizaciya-izobrazhenij-dlya-sajta-atributy-alt-i-title.html

Как добавить атрибут alt к изображениям 16

Здравствуйте, уважаемые друзья. Сегодня, по просьбе одного из моих подписчиков, расскажу про тег (атрибут) ALT, который должен присутствовать в параметрах каждого изображения на сайте.

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

И если, размещая изображения в статье, вы можете сразу указать желаемый альтернативный текст, то вот с изображениями (элементами) дизайна будет сложней. Бывает так, что именно у этих элементов дизайна отсутствует тег alt. И многие новички даже не знают о наличии этих ошибок у них на сайтах.

Зачем нужен атрибут alt

Всё дело в механизме загрузки страницы сайта браузером. Когда загружается страница, вначале загружается текст из атрибута alt, а уже после идёт смена текста на изображение. Если в браузере отключена загрузка изображений, то на месте изображения будет альтернативный текст (из атрибута alt).

Поисковые роботы видят страницу только в качестве исходного кода, и наличие тега alt говорит им о содержимом картинки. Кстати, даже наличие тега alt без текста уже будет принято поисковиком за признак хорошего тона. То есть наличие самого атрибута обязательно, а его значение необязательно.

alt=»значение»

Как проверить изображения на наличие атрибута alt

Самый простой и доступный каждому способ – это проверить исходный код страницы (валидация кода) на ошибки.

Для этого нужно открыть сервис проверки кода W3C и ввести url страницы.

Валидатор кода

После проверки исходного кода, указанной странице, на экране откроется отчёт о наличии и сведения об ошибках (если такие есть). И если на странице, хотя бы у одного изображения отсутствует тег alt, вы увидите вот такую ошибку:

Отчёт об ошибках

А вот ещё один способ, который позволит узнать об ошибках в исходном коде вашего сайта. Но, для использования этого инструмента нужно зарегистрироваться в кабинете веб-мастера Bing. И в этом самом кабинете есть инструмент «Средства анализа SEO».

Средство анализа SEO

Где вы также вводите адрес страницы сайта для анализа и получаете отчёт. И если где-то отсутствует тег alt, вы это увидите.

Отчёт об ошибках в средствах Bing

Можно также посмотреть исходный код страницы, увидеть, где именно нужно искать. Для этого нужно перейти в закладку «Код страницы» и найти, где допущена ошибка. Сделать это легко, нужный код будет выделен жёлтым цветом.

Код страницы с ошибкой

Как найти нужный фрагмент исходного кода и добавить атрибут alt

Прежде всего, нужно внимательно посмотреть на данные, которые вы получили из средств анализа. Обратить внимание:

— на имя файла изображения,

— на название класса, блока в котором размещено изображение,

— на ссылки,

— на соседние элементы.

Все эти элементы помогут в дальнейшем с поиском файла, а в нём и нужного фрагмента исходного кода.

В качестве примера, посмотрите на размещённый выше скриншот. Код, который нам нужен, ничем не примечателен. Да, мы знаем, что это баннер на новую бесплатную книгу Азамата. Более того, мы знаем, что баннер расположен в сайтбаре. Но представим, что я не обратил на это внимание. Так что можно узнать из этого кода?

Прежде всего, мы знаем имя файла изображения. И неважно, что расположено изображение на другом сайте. Также мы видим, блок ДИВ с классом . И то, что этот блок находится внутри списка, элемент которого имеет идентификатор id=»text-10″.

И уже по классу «textwidget» становится понятно, что нужный нам код расположен в Виджетах. А раз так, то искать все эти элементы, на которые мы обратили внимание – бесполезно.

Читайте также:  Что такое счастье и почему люди сами усложняют к нему путь

Так как в большинстве тем WordPress виджеты в сайтбаре формируются динамически. А значит, в коде файла, отвечающего за cайтбар (sidebar.php) будет преимущественно php код.

Который никак не укажет на конкретный виджет.

Следовательно, идём в административную панель WordPress – «Внешний вид»«Виджеты» и ищем нужный виджет.

Код в виджете

И вот здесь к параметрам изображения добавляем атрибут alt.

До

После

Вот и всё готово.

Но, с виджетом всё понятно, тут любой справится. А как быть с конкретными элементами дизайна?

Для примера покажу шаблон, который я использую сейчас, только в его исходном варианте. То есть на этапе его установки уже было 21 ошибка (отсутствие атрибута alt).

Ошибки элементов дизайна

В качестве примера рассмотрим кнопки социальных сетей.

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

Искомые элементы

Далее начинаем искать. Обычно для таких поисков я использую свой любимый Total Commander. Через ftp-соединение подключаюсь к своему блогу, открываю папку с темой и запускаю поиск ALT+F7.

Поиск в Total Commander

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

Найден нужный файл

Далее, лучше сделать резервную копию файл (скопируйте отдельно на компьютер) и можно приступать к редактированию. В Total Commander достаточно выбрать файл и нажать клавишу F4. Или можно скопировать файл на компьютер и открыть его через Notepad++. Ну, или на крайней случай, через Блокнот.

Итак, открываем файл и ищем нужный код. Можно использовать поиск CTRL+F.

Добавление атрибута alt

Нашли, и вставляем нужный атрибут alt. Итак, со всеми изображениями, у которых он отсутствует.

После того как изменения внесены, сохраняете файл и снова проверяете инструментами анализа.

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

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

А у меня на этом сегодня всё. Жду ваших комментариев. Всех успехов и хорошего настроения! До встречи в новых видео и статьях.

С уважением, Максим Зайце.

Источник: https://1zaicev.ru/kak-dobavit-atribut-alt-k-izobrazheniyam/

Добавляем атрибут Title к изображениям WordPress

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

Один из пользователей спросил, существует ли простой способ добавления атрибута title для изображений WordPress. Стандартный загрузчик медиафайлов не предлагает опции для добавления этого атрибута.

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

Что такое атрибут Title у изображений?

В HTML изображения выводятся с помощью тега img. Вот так:

Однако, роботы поисковиков не могут увидеть ваши изображения. Для того, чтобы помочь им, вы можете добавить атрибут для того, чтобы задать альтернативный текст для области изображения. Это атрибут описывает то, что отображает картинка. Вот так:

Тег alt также отображается, когда изображение не найдено или когда браузер не может загрузить картинки. Вот так:

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

Этот атрибут title появляется во всплывающей подсказке, когда пользователь наводит мышь на изображение. Люди, пользующимся экранными дикторами (схожим программным обеспечением) могут настроить программу для чтения этого заголовка (title).

Используя атрибуты как alt, так и title, вы можете улучшить релевантность ваших изображений в поисковых системах. Также это поможет пользователям с ограниченными возможностями понять, о чем идет речь на вашей веб-страничке.

Проблема

Вы можете добавить title к своим изображениям WordPress при загрузке их с помощью стандартного загрузчика медиафайлов. Однако, этот title используется только внутри WordPress, и это не то же самое, что атрибут title, используемый внутри тега img в HTML.

Для того, чтобы добавить атрибут title, вм нужно будет переключиться в текстовый режим редактора или отредактировать изображение после его вставки. Появится много дополнительной работы, если вы часто загружаете изображения на сайт. Но, есть решение.

Добавление атрибута Title к изображениям WordPress

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

Далее, просто вставьте изображение в запись. Теперь, когда вы наведете мышь на картинку в визуальном редакторе, вы увидите текст указанного вами title во всплывающей подсказке.

Плагин берет значение, которое вы ввели в заголовке изображения и добавляет его в код вставки картинки в качестве title атрибута.

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

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

VN:F [1.9.22_1171]

Rating: 3.0/5 (2 votes cast)

Источник: http://WPinCode.com/dobavlyaem-atribut-title-k-izobrazheniyam-wordpress/

Массовое добавление и изменение атрибутов изображений (Alt, Title)

Не буду расписывать долго, если кратко и по сути:

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

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

к содержанию ↑

Скачать плагин: https://ru.wordpress.org/plugins/auto-image-attributes-from-filename-with-bulk-updater/.

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

Плагин умеет устанавливать заголовок, подпись, описание, атрибут alt из имени файла. Также с помощью фильтров можно очистить лишние символы (-.,_0-9).

Перед массовой обработкой настоятельно рекомендуется сделать бэкап базы данных.

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

к содержанию ↑

Automatic Alternative Text

Плагин: https://wordpress.org/plugins/automatic-alternative-text/.

Автоматически вставляет атрибут alt с помощью сервиса Microsoft’s Cognitive Services Computer Vision API.

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

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

к содержанию ↑

Bulk SEO Image

Скачать плагин: https://wordpress.org/plugins/bulk-seo-image/.

Данный плагин автоматически добавляет атрибут alt в записях и/или страницах по названию этой записи/страницы. Если изображений несколько, используется нумерация.

Плагин не обновляет контент в базе.

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

к содержанию ↑

DP ALTerminator — Missing ALT manager

Страница плагина: https://wordpress.org/plugins/dp-alterminator-missing-alt-manager/.

Плагин позволяет заполнить пустые или отсутствующие атрибуты alt для всех страниц с помощью шаблона (например, %%DP_TITLE%%— вставит в alt название записи).

Если плагин деактивировать, результат пропадет.

к содержанию ↑

PB SEO Friendly Images

Плагин: https://wordpress.org/plugins/pb-seo-friendly-images/.

Плагин автоматически синхронизирует alt и title в контенте. Есть возможность переписать уже заданные атрибуты по выбранной схеме.

Опять же, плагин работает пока активен. Он заменяет атрибуты на лету в HTML коде.

к содержанию ↑

SEO Friendly Images By OptimalPlugins.com

Скачать: https://wordpress.org/plugins/seo-friendly-images-for-wp/.

Плагин также как и предыдущий работает на лету, и выдает похожие результаты.

SEO Images Optimizer by Weblizar

Скачать плагин: https://wordpress.org/plugins/seo-image-optimizer/.

Результат работы как и у предыдущих двух.

Плагин не делает изменений в базе, вставляет атрибуты на лету.

Seo Optimized Images By priyanshu.mittal

Страница плагина: https://wordpress.org/plugins/seo-optimized-images/.

Аналогичный функционал.

По внешнему виду представляет ясный интерфейс, который также переведен на русский.

Плагин более популярен среди остальных в этом обзоре, поэтому наиболее вероятно вы захотите установить именно его.

к содержанию ↑

Итоги по оптимизации атрибутов изображений

Ни один плагин из перечисленных не обновляет контент записей в базе. С одной стороны хорошо, потому что уменьшается вероятность её сломать.

С другой стороны, плагин фильтрующий выходной контент должен быть активирован и находиться в рабочем состоянии.

Какая может быть стратегия:

  • физически переименовать файлы, можно воспользоваться плагином;
  • обновить название, описание, подпись, alt из имени файла с помощью Auto Image Attributes From Filename (обновятся метаданные в библиотеке);
  • обновить атрибуты в контенте на лету с помощью плагина Seo Optimized Images By priyanshu.mittal, или SEO Images Optimizer by Weblizar по нужной вам схеме.

Источник: https://wp-best.ru/massovoe-dobavlenie-i-izmenenie-atributov-izobrazhenij-alt-title.html

ALT картинки — как правильно прописать

Время чтения: 7 минут   

Тема сегодняшней статьи – SEO — оптимизация изображения с помощью атрибута ALT. Многие не знают, что при оптимизации данного атрибута вы повышаете вероятность посещения вашего сайта. Итак, более подробнее расскажу далее в статье:

Что такое атрибут ALT?

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

Так же, как и Title и Description он учитывается поисковой системой

Синтаксис html описания картинки

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

Читайте в нашем блоге: Продвижение сайта в регионах — поддомены для Яндекса

Как правильно прописывать описание картинки

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

Пустые атрибуты ALT и TITLE. Как правило, многие SEO оптимизаторы не заморачиваются по поводу этого тега. Да, возможно, если ваш сайт очень крупный имеет посещаемость 100000 в сутки заморачиваться не стоит, но если вы только раскручиваетесь и вам нужен первый трафик, то указать атрибуты все же стоит.

Не соответствие изображения и атрибутов.  Допустим если на вашей картинке отображена BMW X5, а в атрибуте прописываете Audi A3, то не ждите что человек перейдет по вашей картинке на сайт.

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

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

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

Так же поисковые системы могут наложить на вас санкции, поэтому не увлекайтесь.

А как же нужно прописывать теги для картинок?

Краткое и понятное описание картинки. Как можно точнее опишите изображение и если ALT был создан автоматически перепроверьте все страницы.

Длина атрибута ограничена. Поисковые системы учитывают 3-4 слова (около 250 символов) что затрудняет описание картинки.

Вхождение ключевых слов. Собственно, из-за чего атрибут ALT и стоит указывать. Пишите ключевое слово понятным для пользователя текстом.

Например:

Уникальные атрибуты для каждой картинки. Так же важная составляющая, самая встречающаяся проблема у SEO-оптимизаторов. На примере я вам покажу как ее решить.

Карточка товара содержит много картинок

Как же разделять картинки одного и того же товара, если спамить нельзя и нужно прописывать все уникальное? Допустим “Сплит-система HYUNDAI H-AR6-07H” можно расписать так:

Похожие товары


Помимо картинок товара, есть у вас на сайте имеются элементы: похожие товары, с этим товаром чаще смотрят и так далее. Данный вид картинок не стоит сбрасывать со счетов и SEO оптимизировать их прописав ALT и Title. Причем стоит уделить время прописать конкретно: бренд, модель, номер товара, все важные параметры, которые люди могут вбивать в поиск.

Размер изображения – чем больше разрешение картинки, тем лучше. В любом случае ее отображение можно подкорректировать благодаря атрибутам “width” и “height”. Но не стоит делать картинку слишком маленькой, в противном случае поисковые системы не будут учитывать изображение меньше 150 пикселей и будут считать ее за иконку.

Читайте также:  Что такое монополия

Расположение изображения – как можно ближе к тексту, который содержит ключевые слова. Вот почему многие оптимизаторы учитывают этот фактор и стандартная схема расположения картинок выглядит так:

Источник: https://edison.bz/blog/alt-kartinki-kak-pravilno-propisat.html

Атрибут alt для картинок – как его заполнить и для чего он нужен

От автора: атрибут alt для картинок позволяет задать текст, который появится у пользователя, если у него отключен показ этих самых картинок. Но это далеко не все, что вы должны знать о нем. Давайте подробнее разберемся, на применять этот атрибут.

Вообще чтобы понимать, как он прописывается, нужно знать основы html, иметь хотя бы какое-то представление о том, как текст и изображения добавляются на веб-страницы. В частности, фото– это одинарный тег img, у которого есть всего один обязательный атрибут – src. Это путь к файлу.

Очевидно, что если ввести его некорректно, ничего вы на экране не увидите. Короче, для вывода картинки вам всего-то нужно в нужном месте html-кода писать это:

Практический курс по верстке адаптивного лендинга с нуля!

Научитесь с нуля верстать адаптивные лендинги на HTML5 и CSS3 за ближайшие 6 дней

Узнать подробнее

С этим все должно быть понятно, но кроме src есть и другие атрибуты, которые можно прописать в img. Вот они уже необязательные, то есть без них можно обойтись. В частности, alt. Атрибут, который выводит так называемый альтернативный текст.

Почему альтернативный? Потому что он будет выведен на экран только в случае отключения графики в браузере пользователя.

В таком случае должна же быть какая-та альтернатива? Во всяком случае, если вы вставите фотографию Эйфелевой башни в статью, то это здорово, но если вдруг найдется человек, который выключил показ картинок в своем браузере, он просто ничего не увидит в этом месте.

Там будет просто крестик (или иконка), который указывает на то, что в этом месте должно быть изображение. Например, на этом изображении можно увидеть карту мира:

Но если у человека выключен показ графики, он этого не увидит. Если же прописать alt, то рядом с крестиком будет поясняющий текст. В таком случае человек будет хотя бы примерно представлять, что на ней находится. Также я подозреваю, что речевые браузеры каким-то образом могут читать содержимое этого атрибута.

Влияние alt в SEO

Ох, сколько споров на СЕО-форумах я видел о том, влияет ли заполнение атрибута на улучшение ранжирования сайта и его отдельных статей в поиске. Можно с уверенностью сказать, что сегодня все осталось по-прежнему. Кто-то считает, что заполнение alt помогает в поисковой оптмизации, кто-то – что абсолютно никак это не влияет.

Я бы сказал, что оба мнения можно оспорить, а лучше выбрать что-то среднее. То есть не утверждать, что это дает прям существенный результат, но в то же время не думать, что абсолютно никакого толку от этого нет.

Знаете, заполнение alt я бы сравнил с кроссбраузерной версткой (если кто понимает, о чем речь). Это когда сайт адаптируется под все популярные браузеры. Если у самых важных картинок на вашем сайте вы будете заполнять этот атрибут, вы сделаете свой проект хотя бы на чуть-чуть, но лучше. Также вы сделаете свой проект немного доступнее для людей.

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

Как заполнять alt?

А вот это самое важное, на мой взгляд. Если вы читали мои прошлые статьи по СЕО, то наверняка уже там не раз слышали, что поисковики любят естественность.

Соответственно, идеальным заполнением атрибута будет максимально точное и короткое описание картинки. Как правило, 30-100 символов достаточно. При этом максимальная длина должна быть примерно 250 символов.

Но зачем вам так подробно описывать изображение?

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

Тут нужно понимать, что поисковики стали умнее. Если вы вставили какую-то левую картинку и в наглую прописали туда ключ, положительного результата ждать не стоит. Я не говорю, что поисковик вас накажет, но эффекта как такового не будет.

Практический курс по верстке адаптивного лендинга с нуля!

Научитесь с нуля верстать адаптивные лендинги на HTML5 и CSS3 за ближайшие 6 дней

Узнать подробнее

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

Как же быть? Если вы и вставляете какую-то ключевую фразу в alt, добавляйте ее только в описание одной картинки на статью. Также не стоит любой ценой пытаться добавить фразу в ее точном вхождении. Запрос может быть вставлен с разбавлением.

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

Собственно, для остальных изображений, если их несколько в статье, можно заполнять alt, а можно и нет. Это ваше личное решение. Вообще важно относится к заполнению этого атрибута без всяких лишний ожиданий, будто вы грамотно заполните и завтра окажетесь в топе. Эффекта может и не быть, либо он будет минимальным, но главное тут, что вы все сделали качественно.

Итак, давайте подытожим основное по заполнение alt:

Нужно максимально просто и коротко описать картинку

Если вы и вставляете ключевую фразу, делайте это всего 1 раз и так, чтобы выглядело естественно

Для остальных картинок заполнение alt по вашему личному желанию

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

Из этих трех вариантов оптимальными являются первый и второй. То есть тут есть 2 решения: либо вообще никогда не трогать alt, либо заполнять его максимально естественно.

Заполнять alt или нет? Зависит от сайта

Например, вы ведете личный блог. Ну и зачем вам сдался этот alt? Скорее всего, вам картинки нужны будут чисто для разбавления текста, но никак не для привлечения клиентов. Другое дело – коммерческий сайт. Например, интернет-магазин. Тут картинки играют огромную роль, потому что люди чаще всего покупают то, что больше всего нравится их глазу.

Соответственно, для каждого товара в интернет-магазине разумно прописать alt. Давайте как раз разберем на примере, как сделать это грамотно. Допустим, у нас есть товар – ноутбук ASUS G560 (не ищите в поиске, название я выдумал). Естественно, есть фото этого ноутбука. Как прописать для нее альтернативный текст? Вот варианты:

“Фотография”, 1, “ыыавпв” и прочее – это все варианты, которые никак не годятся. По такому описанию абсолютно непонятно, о каком товаре речь. Текст “фотография” или “картинка” (так часто подписывают фото) вообще самый забавный, ведь люди и так понимают, что это не видео. Это все равно что на слона повесить табличку, где написать, что он слон.

“Крутой красный ноутбук для игр” – это неплохое описание, если ноутбук действительно является игровым. Но если вы целитесь на трафик с картинок, то такое описание не является самым оптимальным, так как подобную фразу я в поиске набирает 0 человек. Люди чаще набирают названия конкретных моделей или хотя бы производителя.

“Ноутбук” – описание, которое можно охарактеризовать так: лучше, чем ничего. Но тоже не оптимально, так как нет конкретики. Не будете же вы каждый товар подписывать так? Описание должно быть уникальным для каждого отдельного ноутбука.

“Ноутбук ASUS G560” – оптимальный вариант, есть конкретное описание. Возможно, если товар присутствует в разных цветах, можно дописать и цвет, а также слова, которые часто используют при описании ноутбуков: для офиса, мощный, игровой и т.д.

“Ноутбук ASUS G560, купить в Москве с доставкой, отзывы” – похоже на спам, правда? Это самый плохой вариант из всех.

Итог

Особо тут больше говорить не о чем. Оптимизация картинок alt атрибутом, это то, что может помочь вам улучшить свой сайт и получить небольшой трафик с поиска по изображениям.

Это дело для перфекционистов, потому что вполне можно обойтись и без этого. И конечно, стоит учитывать, какой у вас сайт.

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

Практический курс по верстке адаптивного лендинга с нуля!

Научитесь с нуля верстать адаптивные лендинги на HTML5 и CSS3 за ближайшие 6 дней

Узнать подробнее

Источник: https://webformyself.com/atribut-alt-dlya-kartinok-kak-ego-zapolnit-i-dlya-chego-on-nuzhen/

Роль атрибутов ALT и TITLE у изображений!

Приветствую вас дорогие пользователи isif-life.ru. Оптимизация своего блога — это сложный процесс, требующий определенных навыков, опыта, а если его нет, тогда надо владеть большой базой знаний, которую мы и берем из статей на блогах популярных вебмастеров.

https://www.youtube.com/watch?v=tsOilq0EHYQ

Многие поговаривают о том, что SEO умирает, но все же немало таких, кто продолжает следовать правилам трех этих букв. Тот, кто вовсе не ведует о том, что собой представляет SEO, он может оказаться в тупике.

Однако, эта проблема легко решаема, совершенно для каждого. Научившись в этой сфере главным аспектам, вы сможете овладеть правилами продвижения своего блога в поисковых системах, а как мы знаем- это самое важное.

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

Какая не внимательность? Например, название картинки должно состоять из ключевого запроса, под который заточена статья. Яндекс, Гугл обращают на это свое внимание, а люди в блогосфере даже не задумываются.

Но сейчас я не об этом. Хотелось бы поделиться с Вами о работе тегов «alt» и «title».  Постараюсь, как можно подробнее объяснить, что это вообще такое и с чем эти теги едят.

Приступим!

Что такое alt и title для изображений?

Атрибут «alt»!

Его предназначение для отображения фрагмента текста картинки. Чаще всего, это описание изображения.Вашим пользователям он не заметен. Подобные теги очень важны для поискового продвижения. Для людей они практически ничего не значат.

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

Таким образом поисковая  проверка будет захватывать всю вашу статью и там не будет каких-то недочетов и мелких погрешностей. Исходя из этого странница будет находиться близ ТОПА-10 или вовсе будет туда вылетать.

ТОП — это высокая посещаемость. А, как  её нарастить я писал в статье про увеличение посещаемости сайта или блога.

Атрибут title!

«title» — это заголовок. Наверное, каждый об этом знает. В картинке — это название, которое доступно каждому, допустим, когда мы наводим курсор мыши на изображение появляется короткий текст, который и является title. С этим все ясно. Указать название можно у себя на ПК или ноутбуке, а потом вы закидываете картинку в сам пост и опять  же прописываете заголовок и описание (alt).

Что касается того, что-куда писать, то с этим не волнуйтесь.

В Титле укажите какой-нибудь ключевой запрос. Написали пост про карту сайта для людей, тогда в титле и заполняете поле, тем же словосочетанием, карта сайта для людей. Описание или alt никому не видно, кроме робота, следовательно, можно что-то вроде этого:

Читайте также:  Ip адрес — что это такое, как посмотреть свой айпи и чем он отличается от mac-адреса

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

Вот  еще на счет «title». Они не должны быть длиннее 5 слов. А также желательно, чтобы вы их прописывали на латинском языке, то есть английском. И самое важное формат изображения должен быть jpg. Это снижает вес, а значит и загрузка будет быстрее, что оказывает немалое влияние на трафик  сайта.

Снизить массу картинки можно в фотошопе. Открываем его. Кликаем файл и далее Сохранить для WEB. Там, где написана цифра 50, 60 или какая-нибудь другая вы её  можете регулировать, чем меньше, тем вес ниже. Если у вас еще нет фотошопа, тогда вперед овладевайте им. Ведь это неотъемлемый элемент любого вебмастера.

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

Если кто-то сомневается в том, что оптимизация картинок оказывает большое влияние на продвижение блога, то могу сказать одно — не сомневайтесь. Попробуйте проверить, проведите эксперимент.

Главное не закрывать на это глаза, ведь лишние 5 минут потратить не жалко. Тем более если вы перед этим написали статью и вложили туда частичку себя.

Думаю, не будет лишним, как можно лучше оформить её, а вы как думаете?

Почему важно прописывать теги title и alt? Как они добавляются к изображениям?

Немного об этом я вам рассказал. Но сейчас мы подробнее разберемся. Смотрите, чуть ниже приведен список действий, которые необходимо выполнять при публикации новой статьи в блог.

Вот и они:

  • Первым делом, конечно, надо написать статью и найти уникальную картинку. Как правило, все делают стандартный шаблон, свой, и туда уже вставляют изображение, скрины, например, или рисуют что-то, либо вовсе заказывают у художника.
  • Посмотрели на ключевые фразы, которые вы использовали для поста и один прописали в title;
  • Второй ключ прописали в alt, в описание и добавили еще несколько слов, одним словом разбавили запрос.
  • Теперь сохраняем изменения и добавляем картинку в текст, потом просматриваем статью и наводим курсор на изображение, смотрим: какой title отображается. Все готово.

Соблюдайте эти рекомендации и тогда ваш сайт намного быстрее полезет вверх в поисковых системах.

Короче преимущества в следующем,  это для тех, кто еще не убедился до конца.

  1. Трафика больше;
  2. Качество его выше, так как вы указали точные ключи, которым и посвящена статья, посетитель будет забивать их в поиск и найдет у вас нужную инфу, значит пробудет на вашем блоге дольше и число отказов будет меньше;

Эта инфа для тех, кто работает над свои сайтом  не первый год, а результата нет. Возможно, проблема именно в этом!

На этом я буду заканчивать написание статьи. Желаю вам удачи в продвижении. ВАЖНО! Не уходите от таких, казалось бы, мелочей. Прислушайтесь  к рекомендациям, которые помогут обязательно. Всем пока!

С уважением, Жук Юрий.

Источник: http://isif-life.ru/web/rol-atributov-alt-i-title-u-izobrazhenij.html

Как правильно заполнять alt и title для картинок — Академия SEO (СЕО)

В одной из наших первых статей о внутренней оптимизации веб-сайтов мы вкратце рассказывали, насколько важными могут быть изображения для SEO продвижения. Если копнуть в этой теме немного глубже, первое, с чем придется столкнуться – это атрибуты alt и title.

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

Что же из себя представляют атрибуты alt и title? Нужно ли их заполнять? Какова их роль в поисковой оптимизации? Продолжайте читать и Вы получите ответы на перечисленные и некоторые другие не менее важные вопросы.

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

Если честно, атрибут title является далеко не обязательным элементом SEO-оптимизации. Основная цель его использования – давать подсказки пользователям насчет содержимого просматриваемого изображения. При наведении курсора на картинку выводится содержимое атрибута title в белом прямоугольнике.

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

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

  1. Не содержал информацию, по смыслу не соответствующую картинке. Иначе это будет вызывать отталкивающий эффект.
     
  2. Был не слишком длинным. Ограничений как таковых нет, но всплывающая подсказка в две–три строки явно будет портить впечатление.
     
  3. По возможности содержал одно из основных ключевых слов. Да, поисковики не зачтут этот дополнительный «прогиб». Но зато посетитель лишний раз убедится в релевантности просматриваемого материала его изначальному запросу в поисковой системе.
     
  4. Не дублировать заголовки на странице (основной title, H1, H2 и т. д.) и содержимое атрибута alt. 100%-й уникальности тут, конечно же, добиться невозможно. Но добавить разбавляющие слова вроде «фото» или «картинка» по силам каждому.

Важность и нюансы заполнения атрибута alt изображений

В отличие от атрибута title, по своей сути ориентированного на посетителей, заполненный атрибут alt у картинок более существенен для поискового продвижения.

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

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

Что касается посетителей сайтов, то они могут увидеть содержимое атрибута alt лишь в нескольких случаях:

  1. При отключении в браузере отображения графического контента (что по сути случается довольно редко).В этом случае вместо опубликованных картинок пользователь будет наблюдать стандартную иконку изображения и прописанный в атрибуте alt текст. Отсюда и его название «alt» – сокращенное от «alternative». Т. е. речь идет об альтернативном варианте (когда стандартный режим отображения не устраивает или по какой-то причине недоступен пользователю), позволяющему все же в общем понять, что было изображено на скрытом в данный момент фото.
     
  2. При просмотре результатов «Поиска по картинкам» в описании найденного изображения.

 
Для того чтобы безопасно продвинуться в данном виде поиска нужно при заполнении атрибута alt изображений придерживаться следующих рекомендаций:

  1. Как и название самого графического файла, атрибут alt для картинок должен по смыслу соответствовать их содержимому и быть релевантным обтекающему тексту.
     
  2. Длина текста не должна быть меньше 3–4 слов и длиннее 250 символов.
     
  3. Использовать ключевые слова можно, но не стоит перечислять в нем сразу несколько из них, так как поисковики посчитают это спамом и могут исключить из выдачи не только само изображение, но и всю страницу, на которой оно размещено. Выберите одно, наиболее подходящее, и разбавьте парочкой дополнительных, стараясь сделать так, чтобы его употребление выглядело максимально естественным. Также можно взять ту же фразу, что и в атрибуте title (если она не очень длинная) и заменить употребленные там слова-разбавители (например, вместо «картинка» использовать «фото»).
  4. Не употреблять слова вроде «купить», «оформить», «цена», если они напрямую не относятся к изображению (если это не прайс-лист, например).

Коротко подведем итоги

Атрибут title:

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

Заполненный атрибут alt изображений:

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

Все вышеперечисленные моменты однозначно являются положительными. И поэтому выводы по поводу необходимости заполнения атрибутов alt и title Вы вполне сможете сделать сами.

Благодарим за внимание. Ждем Ваших вопросов под этой статьей.

Источник: https://seo-akademiya.com/baza-znanij/vnutrennyaya-optimizacziya/atributyi-alt-i-title/

Как добавить title image к ссылочному описанию миниатюры — WordPress

Эта коротенькая статья очень и очень важная и посвящена оптимизации сайта на WordPress, а именно миниатюрам статей. По умолчанию — многой полезной атрибутикой cms не располагает! Посему у большинства неопытных создателей сайтов руки так не доходят до правки кода, что весьма печально! (и у меня «не дошли» написать пост раньше)

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

То, что нужен title в цикле любой ссылки — это бесспорно !! title очень важен: посудите… если у вас не будет главного описания сайта или статьи, которые также как и картинка должны иметь собственный тег title, что из этого получится..? Верно! — каша-малаша!

Ну, давайте — по порядку…

Вот основная теговая атрибутика, которая должна присутствовать в ссылке картинки: img src alt title…

Alt — подсказка имени картинки, если та не прогружается браузером пользователя.

title — подсказка поисковому роботу; желательно, чтобы текст титле включал в себя ключевое слово.

Если первое можно и позабыть в процессе оптимизации, то второе ни в коем случае! Сами понимаете.

к слову:

попробуйте проверить валидатором страничку и убедитесь, что тестер непременно покажет отсутствие атрибута alt, а вот о теге title, коли его нет — умолчит, собака, не посчитав за ошибку.

Так что внимательнее…

Вот картинка, так должен располагаться в ссылке миниатюры виновник темы сегодняшней статьи:

И коли у вас в ссылке тега title нет, нужно это дело поправить!

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

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

Итак, вот…

код автоматической прописки тега title к миниатюрам

/** КАРТИНКИ — добавляем title в атрибутику миниатюры **/ function titles_gallery($atts,$img) { $atts['title'] = trim(strip_tags( $img->post_title )); return $atts; } add_filter('wp_get_attachment_image_attributes','titles_gallery',10,2); /** фин добавляем title в атрибутику миниатюры **/

Этот простенький код замечательно справляется с задачей дописки тега в ссылку картинки, причём — если у вас момент правильной ссылки title image был упущен — не печальтесь особо.

Эта поэтическая кодировка автоматом пропишет необходимый в продвижении тег title ко всем уже имеющимся на сайте миниатюрам!

Единственный минус этого предприятия в том, что ПС не сразу хватятся — должно будет пройти какое-то время, прежде чем у вас настроится более правильная индексация картинок и статей в целом.

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

А вот ещё один важный момент, который нужно решить также (желательно) в момент создания сайта!

как подключить в текстовом редакторе автоматическое добавление тега title к картинке в статье

…в системе WordPress (по крайней мере — в последних версиях) автоматическое добавление (или заполнение поля) тега title не предусмотрено.

При добавлении картинки в статью (не миниатюры), в текстовом редакторе нужно вручную прописывать атрибут (тег) Тайтл (Title)  — это очень важно в плане индексации и продвижения сайта!

На мой взгляд, это не так и плохо, ибо лишний раз напоминает о том, что нужно открыть редактирование медиафайла — оптимизировать статью! Ведь дело в том, что, тег «Титле» по возможности нужно организовать более правильно от, скажем, атрибута Alt, который используется всего-то в качестве подсказки пользователю, —

…а вот для тега тайтл-картинки будет весьма полезно прописать в заголовке ключевые слова (подсказки роботу поисковика).

Вероятно, обращали внимание у «старых блогеров»), что, к примеру, Alt фотки несколько отличается от имени — её (или его)) Title.

Очень многие этой разностью успешно пользуются, заместо автопрописки типичных имён, — ибо частенько мы именуем картинки в папке ноутбука мало осмысленно, а иногда и под нумерацией — этакие медиа не стоит загонять на сервер — очень неправильно это!! ))

Ну, ладно, хорош брюзжать…

Вот код: пропишите его в своём файле функций (functions.php) активной темы…

/** АВТОМАТИЧЕСКОЕ ДОБАВЛЕНИЕ К КАРТИНКЕ статьи title **/ if ( !function_exists('avd_insert_image_title') ) : function avd_insert_image_title( $html, $id, $attachment ) { if ( !strpos($html, «title=») ) { $html = str_replace('

Источник: https://mihalica.ru/dobavit-title-image-link-miniatyuryi/

Ссылка на основную публикацию