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

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

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

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

Масштабный спортивный фестиваль для IT-специалистов RUNIT в этом году пройдет 18 июня в Измайловском парке

И если вы читаете этот текст — вы приглашены.

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

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

Приглашаем вас стать частью события! →

Реклама

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

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

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

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

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

Alt – «Шаблон для 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?>" >
 
Так же можно использовать текст для описаний в тайтле, множество идей есть не бойтесь экспериментировать.