Оптимизация картинок для сайта. Как добавить тег alt?

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

Оптимизации изображений для сайта - блога.

Оптимизация картинок является одним из самых важных компонентов SEO оптимизации сайта. Большой процент трафика нашего сайта или блога зависит от поиска изображений в поисковых системах. Мы добавляем множество высококачественных картинок в каждом своем посте, чтобы облегчить задачу посетителю или попросту удивить его чем-то неординарным и креативным. Но простого добавления недостаточно, их так же нужно помечать, поскольку поисковые роботы не умеют читать файлы мультимедии, будь то картинка или же видео. Если не задать изображению описание в таком случае для поисковиков оно не будет нести никакого смысла, соответственно это выльется в потерю дополнительного трафика.

Что такое тег alt?

Тег alt это по сути HTML код определяющий для поисковика наличие картинки на той или иной странице. При помощи этого тега мы можем задавать описание нашему изображению. К примеру вот код нашей картинки без описания, то есть без тега alt:

<img src="ссылка на картинку" />

Добавив этот код на любой из своих страниц вы увидите отображение картинки. Но когда поисковой робот зайдет на эту самую страницу, он не будет знать к чему эта картинка относиться, к кулинарии ли же к спортивному событию. Так что давайте поможем ему определить к какой категории относиться наша картинка и добавим к ней тег alt:  
<img src="ссылка на картинку" alt="впишите здесь описание картинки" />

Вот так будет выглядеть код нашей картинки с тегом alt.

Правильная оптимизация картинок

Одного лишь добавления тега alt недостаточно для правильной оптимизации картинки. Вам нужно соблюдать следующие советы по оптимизации изображений:

  1. В описании не пишите полное предложение. Старайтесь сократить описание выбрав самые главные словосочетания
  2. Не злоупотребляйте ключевыми словами. В описании используем ключевое слово не более одного раза. Помним, что короткое и размеченное описание добавляет изображению больше балов в поисковой выдаче
  3. Всегда, перед началом поста добавляйте вводное изображение
  4. Не задавайте описанию картинки бессмысленные слова. Эти слова всегда должны нести то же значение, что и статья
  5. Избегайте в описании использования специальных символов:  @, &, %, $, # и т.д.
  6. Старайтесь использовать иллюстрации с маленьким размером. Для этого пользуйтесь сервисом сжатия изображений.

 

Как добавить тег alt в blogger?

Пользователям платформы blogger легче всего добавить тег alt своим картинкам. Для этого вам нужно после загрузки:
  1. Кликнуть по изображению
  2. Выбрать ссылку :"Свойства" 
  3. В строке: "альтернативный текст" вписать нужное описание.
Пример на скриншотах ниже:
blogger добавление тега alt
blogger добавление тега alt второй этап

Так же это можно сделать вручную через HTML редактор, но поскольку есть простой вариант описывать этот мы не будем.


Коммент.

Имя

Бесплатные шаблоны WordPress Блог Все для blogger Все для WordPress Графический дизайн Заказ сайта Заработок в интернете Инструменты для сайта Контакты Купить шаблон blogger Наши услуги Новичкам Оптимизация сайта Партнерки для сайтов Перевод статьи Плагины для WordPress Полезные сайты Полезные сервисы Полезные статьи Разделы сайта Сайты - блоги Шаблоны для Blogger Шаблоны для Joomla Шаблоны для PrestaShop Шаблоны для Ucoz Шаблоны на русском Шаблоны blogger 2016 Шаблоны blogger бесплатно Шаблоны blogger магазин Шаблоны Bootstrap 3 Шаблоны Magento best blogger templates
false
ltr
item
Шаблоны для сайтов и блогов: Оптимизация картинок для сайта. Как добавить тег alt?
Оптимизация картинок для сайта. Как добавить тег alt?
Правила оптимизации картинок для сайта или блога. Как задать описание для изображения.
https://2.bp.blogspot.com/-iThrkMKYg9E/VxDCahIxdCI/AAAAAAAAivw/Zd75WzQ5jvwtOmdokuquqMBp81TmuQFYwCLcB/s640/%25D0%259E%25D0%25BF%25D1%2582%25D0%25B8%25D0%25BC%25D0%25B8%25D0%25B7%25D0%25B0%25D1%2586%25D0%25B8%25D1%258F%2B%25D0%25BA%25D0%25B0%25D1%2580%25D0%25BD%25D1%2582%25D0%25B8%25D0%25BD%25D0%25BE%25D0%25BA%2B%25D0%25B4%25D0%25BB%25D1%258F%2B%25D1%2581%25D0%25B0%25D0%25B9%25D1%2582%25D0%25B0.%2B%25D0%259A%25D0%25B0%25D0%25BA%2B%25D0%25B4%25D0%25BE%25D0%25B1%25D0%25B0%25D0%25B2%25D0%25B8%25D1%2582%25D1%258C%2B%25D1%2582%25D0%25B5%25D0%25B3%2Balt.jpeg
https://2.bp.blogspot.com/-iThrkMKYg9E/VxDCahIxdCI/AAAAAAAAivw/Zd75WzQ5jvwtOmdokuquqMBp81TmuQFYwCLcB/s72-c/%25D0%259E%25D0%25BF%25D1%2582%25D0%25B8%25D0%25BC%25D0%25B8%25D0%25B7%25D0%25B0%25D1%2586%25D0%25B8%25D1%258F%2B%25D0%25BA%25D0%25B0%25D1%2580%25D0%25BD%25D1%2582%25D0%25B8%25D0%25BD%25D0%25BE%25D0%25BA%2B%25D0%25B4%25D0%25BB%25D1%258F%2B%25D1%2581%25D0%25B0%25D0%25B9%25D1%2582%25D0%25B0.%2B%25D0%259A%25D0%25B0%25D0%25BA%2B%25D0%25B4%25D0%25BE%25D0%25B1%25D0%25B0%25D0%25B2%25D0%25B8%25D1%2582%25D1%258C%2B%25D1%2582%25D0%25B5%25D0%25B3%2Balt.jpeg
Шаблоны для сайтов и блогов
http://www.shablonu-dlya-blogger.ru/2016/04/optimizacija-kartinok-dlja-sajta.html
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/2016/04/optimizacija-kartinok-dlja-sajta.html
true
5286106991494805428
UTF-8
Похожих постов не найдено Отобразить все Читать дальше Ответить Отмена Удалить By Главная Страницы Пост. Отобразить все Рекомендуем Тег Архив Поиск Все посты По вашему запросу не найдено ни одного поста Вернуться на главную Воскресение Понедельник Вторник Среда Четверг Пятница Суббота Вс Пн Вт Ср Чт Пт Сб Января Февраль Март Аперль Май Июнь Июль Август Сентябрь Октябрь Ноябрь Декабрь Янв Фев Мар Апр Май Июнь Июль Авг Сен Окт Ноя Дек только что минуту назад $$1$$ мин. назад час назад $$1$$ час. назад Вчера $$1$$ дней тому назад $$1$$ недель тому назад более 5 недель Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy