Теория и практика SEO продвижения


Основные требования по оформлению иллюстраций

Spread the love

Люди устроены так, что большую часть информации они воспринимают визуально. Существует такая поговорка, «лучше один раз увидеть, чем сто раз услышать». Наличие gif, png и jpeg картинок улучшает «поведенческие» факторы и хорошо влияет на повышение сайтов в порядке выдачи их поисковыми системами.  Особенно если оптимизатор уделяет должное внимание правильному заполнению атрибута Alt.  Назначение атрибута Alt состоит в том, чтобы устанавливать альтернативный изображению текст.

Фотографии могут

  • создать определенное настроение
  • передать важную информацию
  • сфокусировать внимание
  • лучше продемонстрировать товар

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

В идеале изображения на сайте должны быть уникальными, как и весь контент. Одни и те же картинки крайне надоедают и людям, и поисковикам.

Вы можете сделать их самостоятельно с помощью телефона или фотоаппарата, либо привлечь фотографа. Качественные изображения можно скачать на фотобанках. Они бывают платными и бесплатными.

Название фотофайлов тоже должны быть понимаемы человеком.
Вместо fgjhkjh45nd.jpeg обязательно называйте их в таком формате: deti_konkurs.jpeg.

Когда интернет только развивался и скорость соединения была низкой, многие люди отключали у себя в браузере отображение картинок в целях экономии трафика. Заходя на сайт, они видели пустые пространства в тех местах, где должны были быть изображения. Это сильно путало их. Поэтому был придуман тег ALT, в который вписывался альтернативный текст, описывающий то, что находилось на картинке. Пользователи видели именно его вместо изображения и это помогало ориентироваться в пространстве веб-страницы.

Сейчас этот тег все еще имеет значение. Он дает понять поисковику, какого рода картинки есть на сайте. Это влияет на их попадание в такие сервисы как Яндекс и Гугл картинки, которыми тоже пользуются потенциальные клиенты.

Современные требования поисковиков к заполнению атрибута Alt

Из-за того, что сегодня скорость интернета увеличилась, и появился 3G и 4G интернет, картинки и видео файлы стали загружаться быстро. Поэтому многие разработчики стали невнимательно относиться к написанию и заполнению атрибута Alt.

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

Как выглядит HTML-тег «alt»? Вот фрагмент HTML-вёрстки с тегом «alt», содержащим описание картинки.

<img src="/image.jpg" alt="Example image alt tag" width="500" height="340" />

Что представляют собой прикрепляемые к картинкам теги «title»?

Теги «title» — просто-напросто названия ваших изображений. Случалось вам видеть на веб-сайтах всплывающие надписи, видимые лишь при наведении курсора на картинки? Тексты этих надписей и есть содержимое тегов «title», прикреплённых к изображениям. Тег «title» выполняет несколько различных функций. Главное его назначение — полнее информировать аудиторию о том, что она видит на картинке. Теги «title» могут как непосредственно прикрепляться к объектам, так и вставляться в ссылки переходов на другие веб-страницы. Теги «title» становятся видны и при наведении курсора на гиперссылки. В отличие от них теги «alt» посетителям вашего веб-сайта не видны, так что, текстом их можно наполнять любым, вовсе необязательно осмысленным. А теги «title» у всех на виду, поэтому вам нужно позаботиться о связности фраз и предложений из используемых вами ключевых слов.

Теги «title» не должны быть длиннее трёх-пяти слов. Кое-кто в припадке красноречия набивает теги «title» целыми предложениями или абзацами. Стремитесь к краткости и информативности. Не забывайте вставлять в теги «title» к вашим изображениям ключевые слова. Теги «title» так же значимы для прочёсывающих ваш веб-сайт поисковых роботов, как теги «alt», и столь же важны в плане SEO-оптимизации. Мои веб-сайты ежемесячно привлекают сотни новых посетителей за счёт одной только оптимизации всех размещённых на них изображений, проводимой мной путём грамотного подбора тегов «title» и «alt». Вам тоже стоит попробовать этот способ на ваших веб-сайтах.

Как выглядит HTML-тег «title»? Вот фрагмент HTML-вёрстки с тегом «title», прикрепляемым к картинке.

<img title="Example image title tag" src="/image.jpg" alt="Example image alt tag" width="500" height="340" />

Принципы оптимизации изображений

Описание картинки с помощью атрибута alt должно быть не просто альтернативным текстом, оно должно ещё и помогать продвигать сайт. Например, описание должно содержать в себе ключевое слово или хотя бы название вашего сайта.
Это правило касается почти всех изображений на сайте. Некоторые оптимизаторы ухитряются вставлять ключевые слова в изображения элементов навигации (кнопки, стрелки и фоновые изображения).

Изображение должно быть уникальным, а не скачанным с других ресурсов. Желательно делать изображения самостоятельно, рисуя их в графических редакторах или загружать собственные фотографии. Такой контент лучше ранжируется, и никто не сможет обвинить вас в плагиате.

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

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

Если ваш сайт сделан на базе какой-нибудь популярной CMS, например, WordPress, то в них можно реализовать автоматическое заполнение атрибутов alt с помощью присвоения им названий статьи или ключевых слов. Это многократно ускорит работу оптимизатора.

По материалам www.coolwebmasters.com

Оставить комментарий