студия занимательная МИХАЛИКА
! Михалика - запросто с WordPress:
доступная ручная работа по правилам оптимального интернет(а)
Здравствуйте !

издатель:   в теме: Техническое SEO
студия занимательная МИХАЛИКА

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

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

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

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

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


 

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

 

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

 

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

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

 

 

к слову:

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

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

 

 

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

 

 

добавим title к ссылке миниатюры WordPress

 

 

И коли у вас в ссылке тега 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)  — это очень важно в плане индексации и продвижения сайта!

 

 

 

добавление тега 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('<img', '<img title="'. get_the_title( $id ) .'"' , $html);
}
return $html;
}
endif;
add_filter( 'media_send_to_editor', 'avd_insert_image_title', 10, 3 );
/** ФИН - АВТОМАТИЧЕСКОЕ ДОБАВЛЕНИЕ К КАРТИНКЕ статьи title **/

 

 

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

 

 

Однако и однако !!

В качестве эпилога, ещё один важный момент:

 

важно !!

Прописка кода в файл functions.php, это дело хорошее !! Однако не всё и вся стоит в него пихать – правильнее (и для скорости загрузки в том числе) сгруппировать некоторые циклы кода в оформленном плагине: легко, надёжно и правильно в плане создания сайта.

 

Все доказательства «ЗА» читать:

 

Вот ссылка – как сделать собственный плагин WordPress – добавочный файл my-functions.php

 


На этом занавес представления опускается…

 

 


подписка feedburner МИГ подписки - ВРЕМЯ знаний!!


!..подписываясь на обновления mihalica.ru
...расстаёмся с невежеством..!


 

…видео — благодарим комментатора за его первый отзыв…

 

 


Если что-то не ясно, спрашивайте. Помогу… в чём дюжу.
Вместе мы многое сможем! Берегите себя и свой век - mihalica.ru


Нажатия на кнопочки определяют Ваше высокое гражданское сознание
Удачи в работе и творчестве..!


меточная навигация:

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

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