Онлайн заработок, создание и монетизация сайтов, веб-разработка, SEO и SMO продвижение, фриланс, партнерки, полезные сервисы вебмастерам, блоггинг.

Wordpress шаблоны

Оптимизация изображений в Blogger для привлечения трафика

Спортивная машина

Работа с изображениями — один из этапов общей seo оптимизации того или иного сайта, которым не следует пренебрегать. Картинки, как правило, имеются в каждом из постов блога. Если это проект по типу Blogohelp, то их там в одной статье может быть сразу несколько, про фотоблоги я вообще молчу.

Так вот, вы можете оптимизировать все эти изображения сайта дабы привлекать дополнительный трафик из поиска по картинками (Google и Яндекс). В последнее время за счет изменения функциональности этих сервисов, посетителей, вроде как, стало переходить меньше, но они есть. Этот вопрос я сегодня и рассмотрю.
Допустим, у вы пишите пост в блог про автомобили, который иллюстрируете соответствующей картинкой. В HTML коде она добавляется через тег IMG. При этом поисковым системам, в принципе, кроме ссылки на картинку ничего о ней не известно. Это не совсем правильно, поэтому нам нужно добавить описание и параметр alt для картинки.
Правильные изображения
Во-первых, нужно подбирать фотографии или картинки подходящие по смыслу под текст той или иной статьи — это логично. Во-вторых, поисковики, в принципе, любят уникальный материал, поэтому если у вас есть возможность использовать в качестве иллюстрации поста уникальное изображение — обязательно это сделайте. Можно просто попытаться найти изображения на бесплатных фотостоках по возможности немного их уникализировав.
Кроме того, неплохо было бы использовать в названии файла картинки ключевые слова. Например, намного более разумно написать для фото выше имя sport-car.jpg нежели spcr.jpg. Если будете ссылаться на ту или иную картинку на сайте используйте в тексте анкора (ссылки) ключевые слова — это также полезно для seo оптимизации.
Добавление Alt в тег IMG
Если говорить в общем, то вам нужно изменить исходный HTML код картинки на что-то подобное:

<img src="sport-car.jpg" alt="Спортивная машина" />
Кстати, в браузерах параметр Alt используется для вывода текста на странице, когда фото не может быть загружена (или отключено их отображение). Это достаточно удобно и для самих пользователей, которые сразу поймут, что в определенном месте есть картинка.
Несколько лет назад вставка изображений в Blogger (как это делал я) была достаточно проблемной и трудоемкой задачей. Но, к счастью, разработчики с тех пор прошли достаточно длинный путь по апдейту графического редактора и сделали улучшение вставки изображений в Blogger. Теперь данная задача стала максимально простой:
1. Заходите в текстовый редактор, где кликаете по иконке добавления изображения.
Добавление изображения
2. После вставки фото, выделяете его и в меню под ним выбираете пункт «Свойства».
Свойства изображения
3. Во всплывающем окне вводите значения параметров Title и Alt.
Alt для изображения
В качестве текста может быть название картинки и ключевые слова. Параметр Title отображает текст при наведении курсора мышки на изображение, тогда как Alt больше для поисковиков (о чем мы говорили выше). Оптимизация картинок сайта, как и его текстов — это полезно. Если есть время и желание получать больше поискового трафика, советую, этим вопросом заниматься.

27.04.19

Категории: Blogger.com (Blogspot).

Теги: , , , , ,

Добавить комментарий

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