Оптимизация картинок с помощью тегов alt и title. Читайте на Cossa.ru

В этом разделе материалы размещаются пользователями сайта и публикуются после одобрения модератором. Редакция не несет ответственности за орфографические и другие ошибки, хотя и старается исправлять их по мере возможности.
Добавить свою заметку вы можете на этой странице.
18 декабря 2015, 14:33

Оптимизация картинок с помощью тегов alt и title

В статье «Оптимизация картинок с помощью тегов alt и title» мы рассмотрим ключевые понятия данной тематики, определим основные понятия «alt» и «title» и разграничим данные теги.

В статье «Оптимизация картинок с помощью тегов alt и title» мы рассмотрим ключевые понятия данной тематики, определим основные понятия «alt» и «title», и разграничим данные теги. А также определим, как влияют на оптимизацию и продвижение теги «alt» и «title». Определим суть данной оптимизации и повышения поискового трафика.

 
Атрибуты«alt»и«title»- неотъемлемые элементы html, которые предназначены для грамотной оптимизации страницы. Один из способов продвижения в поисковых системах.

<img src=”” alt=”текст ”>
«alt» - устанавливает альтернативный текст. Такой текст выводится, когда в браузере отключен показ изображений, а также поисковый бот при входе на сайт видит сначала текст, а после картинку.
 
<img src=”” title=”текст ”>
«title» - дополнительная информация для посетителя, который просматривает изображение. Текст выводится при наведение мышки на изображение.

Оптимизация картинок

Для оптимизации достаточно прописать к ней данный тег:
 

Оптимизация картинок, теги alt и title


<img src="ссылка на изображение" width="ширина изображения" heigt="высота изображения" border="обводка изображения" title="текст заголовка картинки" alt="альтернативный текст" >
 
Сразу скажу, что данные теги должны быть разными, так как они несут разный смысл. Title – это описание картинки, хорошим примеров выступит мeta тег (description). Текст размером 10-15 слов, который предназначенный для посетителя.

Title – «Скачать шаблон для системы uCoz, игровой тематики, исполненный в темных тонах.»

Alt – это ключевые слова картинки для поиска, пример: мeta тег (keywords). Текст которого состоит с 3-5 слов, ключевых запросов для данного материала.

Alt – «Шаблон для uCoz, игровой шаблон»
 

Оптимизация картинок для системы uCoz

 

Оптимизация картинок uCoz

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


/_bl/0/21105124.jpg - код переменной, предназначенный для вывода изображения, которое мы заполняем во время добавления материала на сайт.
Хороший пример будет изображение с моего сайта, где у меня заполнено в
img src="/_bl/0/21105124.jpg" width="400" heigt="300" border="2" title="Скачать $ENTRY_TITLE$" alt="$SOURCE_URL$"
где
$SOURCE_URL$- это ключевые теги для страницы, предназначены для вывода в
<meta name="keywords" content="<?if($SOURCE_URL$)?>$SOURCE_URL$ <?else?>шаблоны ucoz, скрипты для ucoz,ucoz<?endif?>" >
 
Так же можно использовать текст для описаний в тайтле, множество идей есть не бойтесь экспериментировать.

Телеграм Коссы — здесь самый быстрый диджитал и самые честные обсуждения: @cossaru

📬 Письма Коссы — рассылка о маркетинге и бизнесе в интернете. Раз в неделю, без инфошума: cossa.pulse.is

✉️✨
Письма Коссы — лаконичная рассылка для тех, кто ценит своё время: cossa.pulse.is