Оптимизация изображений
Доброго дня, уважаемый посетитель моего сайта!
Многие начинающие по незнанию или часто по пренебрежению не занимаются оптимизацией картинок и изображений, которые используют на сайте. или для своих продуктов. Это очень плохо сказывается на загрузку страниц сайта. Если ваш сайт старше чем три месяца, то вы наверняка замечаете, снижение скорости его работы. Хотя в общем и целом это не только из-за пренебрежения оптимизацией.
Есть много факторов, влияющих на загрузку сайта, о них мы поговорим по позже. А этим днем оптимизируем свои картинки и изображения для сайта.
Оптимизация изображений для сайта
Весь процесс оптимизации можно разделить на 4 этапа:
Обработка изображений
Уникализация в любом графическом редакторе на своем компьютере.
Загрузка на сайт
Оптимизация изображения под поисковые системы перед вставкой
Этап №1
На данном этапе от вас потребуются знания программ: Paint.net, Paint, Диспетчер рисунков Microsoft Office или Photoshop.
По действиям можно так делать:
а. Открыть изображение в графическом редакторе.
б. Изменить размер, вами выбранного изображения.
Совет-чем меньше размер изображения, тем меньше его вес. Вес изображения учитывается, так как не у всех есть высокоскоростной выход в интернет и для того чтобы быстро открывалась статья.
Для тех, кто совсем не знает, как изменить размер изображения, сделайте следующее:
в. Перейдите на вкладку Изображения—Размер изображения
г. Укажите нужные значения.
Вот у нас из 350 пикселей получилось 250 пикселей.
Этап №2
Теперь уникализируем наше изображение. Это можно сделать при помощи добавления водяного знака на само изображение, поместить его в рамку (как сделала я), склеить можно несколько картинок, сделать из картинок коллаж и т.д.
Из всего этого можно и нужно использовать добавление водяного знака.
Во-первых, это защищает наши изображения от воровства.
Во-вторых, добавление водяного знака или другие изменения делает изображение отличным от исходного.
Если вы плохо владеете Фотошопом, то можете воспользоваться онлайн сервисами для добавления водяного знака. О таком сервисе будет статья по теме: Как добавить водяной знак на фото?
Про уникализацию картинки во всех вариантах лучше написать мини-книгу, так как данную тему не опишешь в 2-х или 3-х словах. Это дело будущего месяца. Следите за выходом статей.
Еще один совет: «Используйте все для того чтобы быть уникальным во всем на своем сайте»
Этап №3
Перед загрузкой изображения на сайт нужно сжать без потери качества.
Вот и хорошо, разобрались с уникализацией и сжатием картинок, теперь нужно добавить изображение на сайт и оптимизировать изображение под поисковые системы.
Этап №4
Оптимизация изображений для поисковых систем
В помощь 7 обязательных правил:
1. заполняйте поля «Заголовок» и «Текст» перед вставкой в статью. Если их не заполнять, то наши картинки не попадут в индекс поисковых систем. Благодаря этим полям поисковые системы заносят изображение в свой индекс.
2. употребляйте ключевое слово в полях «Заголовок» и «Текст».
4. используйте тематический текст вокруг изображения, чтобы поисковые системы это учитывали.
3. Указывайте точные размеры изображения. Обычно их можно указать, нажав на вкладку «Дополнительно», либо самому прописать в HTML или CSS.
4. я уже отмечала выше в тексте статьи, нужно сделать изображение уникальным, потому как поисковые системы строго относятся к ворованному и повторяющемуся формату.
5. используйте формат изображения jpg или png. Я больше склоняюсь к jpg.
6. оптимизируйте и продвигайте статью вместе с изображением, так как чем больший вес у страницы, тем больший вес будет передан изображению, что приводит к высоким позициям в выдаче поисковиков.
7. используйте идентичное ключевому слову название изображения. Пример: не публикуйте такие аброказябры — «jfserg345jdf436h.jpg», а, пишите, что есть на картинке. Изображен компьютер, то назвать лучше так «computer.jpg»
Существует много советов по оптимизации картинок на сайте, но это в других статьях.
Теперь и вы знаете, как оптимизировать картинки и изображения для сайта.
Следите за рассылкой!
Буду всем благодарна за оставленные комментарии!
