Оптимизация сайта, использование графики.

Назначение графики для сайта

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

 
Здравствуйте, приветствую Вас, посетителей блога inetmkt.ru.

В этой статье  поговорим об использовании графики в веб-строительстве. Сайт, наполненный красочными  фотографиями и изображениями, выглядит более красиво и информативно. Наряду с уникальным шаблоном и используемыми расширениями — плагинами, графика — фото, картинки, делает Ваш сайт более привлекательным для посетителей.

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

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

Я имею ввиду оптимизацию внешнего вида и размера. Это можно сделать в  Fhotoshope или других редакторах изображений.

Приемы оптимизации графики

Размер картинки не должен быть очень большим, иначе значительно увеличивается время загрузки страницы для пользователя.
Не рекомендуется использовать картинки размером больше 100 килобайт, а лучше еще меньше. Картинки следует уменьшать, или использовать другие не такие объемные.

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

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

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

Теперь перейдем к вопросам оптимизации графики с точки зрения продвижения страниц нашего сайта в поисковых системах. В общем виде тег <IMG>  в HTML выглядит следующим образом:

< img title=”Заглавие картинки” src=”расположение картинки” alt=”описание картинки” width=”321” light=”123” /

Для оптимизации графики используются теги Alt и Title.

Тег Alt – задает альтернативный текст описания изображения при отключенной графики в браузере, и играет основную роль при обработке поисковыми системами. Тег Alt должен содержать ключевое слово или фразу, по которым мы продвигаем страницу. Особенно лояльно к тегу Alt относится поисковик Google, по тексту в этом теге поисковик определяет, что изображено на картинке.

Тег Title играет вспомогательную, но достаточно важную  роль, его текст отображается в браузере при наведении мышки на картинку, он также должен содержать ключевое слово.

Итак подведем черту под вышесказанным. Теги Alt и Title должны быть

• заполнены
• содержать ключевое слово или фразу
• не должны совпадать
• имена картинок также  должны содержать ключевое слово, можно на транслите, например — audit.jpeg, а не 342.jpeg

Спасибо за внимание.

18 комментариев на “Оптимизация сайта, использование графики.”