Статьи
​Оптимизация картинок с помощью тегов 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
При вставление в контент изображений загруженных через «файловый менеджер» данные теги вставлять придется самому, вручную.
http://wr.at.ua/_bl/0/21105124.jpg - код переменной, предназначенный для вывода изображения, которое мы заполняем во время добавления материала на сайт.
Хороший пример будет изображение с моего сайта, где у меня заполнено в
img src="http://wr.at.ua/_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?>" >
 
Так же можно использовать текст для описаний в тайтле, множество идей есть не бойтесь экспериментировать.

Советуем к просмотру:

Сохраните в социальную сеть
Источник материала

Комментарии
Комментариев пока нет, вы можете оставить комментарий первым.
Оставить комментарий
avatar