четверг, 14 января 2016 г.

Оптимизация картинок для сайта

оптимизируем картинки правильно
Продолжаю улучшать свой блог :)
Как убрать Navbar, строку "Подписаться на сообщения Atom" и "Как сделать кнопку Вверх с помощью виджета blogger" я уже писала ранее.
Почитав в интернете, узнала что файлы моих картинок оказывается очень большие!
Нужно 60 кб - 10 кб, а у меня есть и до 1 Мбт.
Я люблю крупные картинки, сайты имеющие качественные фото меня просто завораживают.
Примерно, стремиться нужно к этому:
Размеры изображений (точки) Размер файла (Кб)
800 Х 600 60
400 Х 360 20
250 Х 200 10

Чем легче файл картинки, тем больше скорость загрузки нашей страницы.
Если картинок в посте много, например, мастер-класс размещен, то скорость загрузки такой страницы существенно увеличивается. А это в свою очередь плохо влияет на поведенческие факторы пользователя, да и поисковики совсем не в восторге от этого.

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

Оптимизация картинок для поисковых систем включается в себя:
1. Название изображения (название файла изображения)
2. Атрибут Alt
3. Атрибут Title

1. Файлы картинок изначально нужно правильно называть (это на этапе, когда картинка еще у себя на компе).
Необходимо четко указать, что находится на картинке (перевести через транслит-его поисковики хорошо понимают), для разделения слов можно использовать дефис "-"

Например, так: optimizacija-kartinok-dlja-sajta.jpg

2. alt-атрибут как бы объясняет то, что изображено на картинке понятным для нас языком (уже не латиницей. Короче, на том языке, на котором у вас ведется сайт).
Максимальное количество символов - до 80.

Например, так:
alt="для сайта и поисковых систем"

3. Атрибут Title заполняется описательным текстом.
Название изображения тоже отображается при наведении на него курсора мыши.
Максимальное количество символов - любое.
Как и alt, title заполняется на том языке, на котором у вас ведется сайт.

Например, так:
img title="Оптимизация картинок для сайта"

При вставке картинки на сайт можно еще отдельно указать название/описание изображения.
Подобный текст подскажет Google, что это изображение действительно подходит под выдачу на определенный запрос.

Коротко о ситуации  у меня 
оптимизируем картинки правильно

У меня здесь жжесть, что творится, буду по мере сил исправлять ситуацию

На этом пока все.
Правильной вам оптимизации картинок и хорошей позиции в выдаче поисковиков!

Комментариев нет:

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

Related Posts Plugin for WordPress, Blogger...