Как избежать ошибок в оптимизации изображений на Вордпресс

Разработчики WordPress позиционируют CMS как самую демократичную – достаточно легкую в управлении и поисковой оптимизации. SEO плагины на выбор, и уведомление в вебмастере Яндекс о том, что отсутствуют мета теги description, — нонсенс: все стараются заполнять нужные поля, потому что это в собственных интересах — сделать сайт видимым. Однако широкий функционал Вордпресс имеет и подводные камни, если всевозможными встроенными редакторами пользоваться не очень вдумчиво. Сегодня рассмотрю способы вставки изображений в публикацию и в чем их отличие.

Добрый Вордпресс предлагает пользователю несколько вариантов добавления изображения: медиафайлом, ссылкой, страницей вложения и без назначения пути (слово «нет»). В зависимости от предпочтенной настройки отображения картинки, создается код для ее вывода, где ссылка, ID, размеры, расположение на странице, обязательный тег alt (можно добавить title, описание, название), папка, из которой изображение подгружается. Но это не все. Сравним коды.

Медиафайл:

<a href="//site.ru/wp-content/uploads/2016/08/kartinka.jpg"><img class="alignnone size-large wp-image-7100" src="//site.ru/wp-content/uploads/2016/08/kartinka-600x400.jpg" alt="Картинка" width="600" height="400" /></a>

Произвольный URL:

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

Нет (этот способ не подходит, если изображение в пост вставляется в уменьшенном размере, но по клику должна открываться в полном):

<img class="alignnone size-large wp-image-7100" src="//site.ru/wp-content/uploads/2016/08/ kartinka-600x400.jpg" alt="Картинка" width="600" height="400" />

Страница вложения:

<a href="//site.ru/2016/08/kartinka/" rel="attachment wp-att-7100"><img class="alignnone size-large wp-image-7100" src="//site.ru/wp-content/uploads/2016/08/kartinka-600x400.jpg" alt="Картинка" width="600" height="400" /></a>

К каким страницам отсутствуют мета теги description?

Спросите, зачем я здесь сейчас все это препарирую и часть кода выделила красным цветом? Ответ прост: владелец сайта на Вордпресс получил в панели вебмастера Яндекс уведомление о том, что отсутствуют мета теги description к ряду страниц.

Отсутствуют мета теги description

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

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

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

Как избежать ошибок в оптимизации изображений на Вордпресс: 7 комментариев
  1. yadi.sk/i/IaLotohEuYFfq Здравствуйте, Надежда. Признаться в теории и подкрепленными скринами описании не все понятно. Есть ли теоретические ошибки в админке моего блога, которая указана ссылкой?

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

      1. Трудно быть не грамотным. Но Яндекс-Вебмастер мне еще ни одного сообщения не прислал. Не считает нужным. Зачем бестолковым что-то сообщать?

  2. Править каждый файл кошмарно

    «Нет (этот способ не подходит, если изображение в пост вставляется в уменьшенном размере, но по клику должна открываться в полном»
    — Для этого существуют плагины типа лайтбокс.

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

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

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

    1. Сергей, про дескрипшн другие статьи. Воспользуйтесь поиском.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *