[Тут] Оптимизируйте свои изображения для эффективного SEO

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

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

Вот несколько примеров:

- Я беру гигантское белье в интернете (ультраконкурентное поле) и попадаю на страницу каталога, и вот что я вижу: десятки изображений не оптимизированы. Если каждое изображение составляет 200ko, это может показаться небольшим, но умножьте это на количество ссылок, и страница может быть тяжелой для загрузки. Вот что дает оптимизацию:

Честно говоря, вы видите реальную разницу? Тем не менее, второй весит едва 100ko вечером выигрыш почти на 50%!

Еще один пример на гигантской кухне:

Когда я увидел, что его фотографии не были онлайн-линией, я не мог не потратить деньги на страницу GT Metix, и вот результат без апелляции!

Оценка является катастрофической, тем более что изображения используются в полном качестве для отображения в виде миниатюр! Что касается самого теста изображения, оптимизация дает одинаково убедительный результат:

Я рассчитал, что, оптимизировав все изображения на этой странице, мы получим 3,5 мес! И вы не скажете мне, что это не повлияет на скорость передачи: конечно, если!

Особенно, когда люди консультируются с мобильных устройств, очень важно иметь быстрый сайт, а рычаг № 1 - это оптимизация ваших изображений!

Ну и как? Если есть много сайтов в Интернете, которые позволяют автоматический поворот, чтобы уменьшить вес, я настоятельно рекомендую против этого, и лучший инструмент для этого - Photoshop. Если у вас его нет, инвестируйте или используйте друга, который его использует. Лучше всего поддерживать оптимальное соотношение веса и качества.

Прежде всего сделайте различие между 2 типами изображений:

-1 / Растровые изображения, которые используют много оттенков и градиентов, являются наиболее трудными для оптимизации (фотографии, цветные рисунки и т. Д.).

-2 / Изображения типа «квартира»: классические значки, кнопки или графические работы ...

1 / Для растровых изображений необходимо использовать функцию фотошопа «для записи в Интернете». Лучший формат экспорта - это «JPEG» для неподвижного изображения. Играйте на слайдере до тех пор, пока вы не увидите никаких явных отличий с исходным изображением. По опыту, когда вы опускаетесь ниже 45%, это начинает жалить ваши глаза.

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

2 / Для изображений "flat", здесь необходимо установить привилегию для экспорта в .png или .gif, что позволяет сохранять контуры "нетто" даже при больших оптимизациях, противоположных .jpeg, который будет "размытым". Здесь вы можете повеселиться и увидите, что у вас могут быть «шкафы цветов», которые будут весить всего несколько килограммов! :). Вы можете играть по количеству цветов, сглаживанию и т. Д. Кроме того, .png и .gif позволяют сохранить фон «прозрачным».

gif позволяют сохранить фон «прозрачным»

Небольшая хитрость: мы даже можем оптимизировать .png с помощью фильтра «isohélie», который уменьшает количество цветов (очень полезно, если вы вынуждены использовать этот формат для фотографий).

Вот и все, так что теперь вернитесь на свой сайт, и вы знаете, что осталось проверить 😉

NB: Я добровольно сохранил высокое качество изображения в этой статье, чтобы иметь возможность судить о различиях сжатия изображений!

Статья на ту же тему: http://css-ig.net/articles/optimiser-images-web

[Тут] Оптимизируйте свои изображения для эффективного SEO

5 (100%) 6 голосов

SEO статьи того же рода

Похожие

( 1 голосов, в среднем: 5.00 из 5) Загрузка ... Описания продуктов в такой жесткой электронной коммерции,...
( 1 голосов, в среднем: 5.00 из 5) Загрузка ... Описания продуктов в такой жесткой электронной коммерции,
Поисковая оптимизация - это одна из техник оптимизации сайта , которая, как полагают, повышает рейти...
Поисковая оптимизация - это одна из техник оптимизации сайта , которая, как полагают, повышает рейтинг сайта в поисковых системах, особенно в GOOGLE . Вы можете воспользоваться услугой Джакарта SEO Услуги чтобы оптимизировать производительность вашего сайта в поисковых системах, и если у вас есть знания об оптимизации сайта, вы можете оптимизировать свой собственный сайт, применяя методы оптимизации поисковых систем к вашему сайту.
Лучшие многоязычные услуги SEO Многоязычные SEO-услуги по переводу Honey переводы в Индии в Ченн...
Лучшие многоязычные услуги SEO Многоязычные SEO-услуги по переводу Honey переводы в Индии в Ченнае предоставляют вам лучшие услуги. Обычно мы не передаем этот тип конфиденциальной информации клиентов на аутсорсинг, и их секретность продукта будет находиться под строгим контролем, пока мы не доставим конечный продукт нашему клиенту. Благодаря этой фирме SEM вы можете найти очень хороший поиск, который предоставляет лучшие фирмы по многоязычной поисковой оптимизации [SEO], а также
... для размещения инструментов SEO и маркетинга в социальных сетях"> Я думаю, что большинство SEO-специали...
... для размещения инструментов SEO и маркетинга в социальных сетях"> Я думаю, что большинство SEO-специалистов будут использовать VPS (Virtual Private Server), который в основном является настольным компьютером, который можно использовать для размещения инструментов SEO и маркетинга в социальных сетях. VPS размещается в хостинговой компании, и вы входите через компьютер, причем он работает весь день, каждый день, 365 дней в году! Вы можете использовать свой собственный сервер или компьютер
... SEO, чтобы ваши сотрудники знали, как реализовать стратегию SEO на веб-сайте компании, и анализировать осн...
... SEO, чтобы ваши сотрудники знали, как реализовать стратегию SEO на веб-сайте компании, и анализировать основные факторы, влияющие на SEO. Цели нашего Курсы SEO для компаний Есть несколько: - Понять, как работают интернет-поисковые системы, и важность появления
facebook все еще у всех на устах. Неудивительно, что гигантский охват почти 800 миллионов человек по всему ...
facebook все еще у всех на устах. Неудивительно, что гигантский охват почти 800 миллионов человек по всему миру. Только в Германии задействовано более 20 миллионов пользователей. Тем не менее, большинство областей Facebook являются «огороженным садом», поэтому не все могут войти - это особенно верно для поисковых систем, таких как Google! Как все же быть с точки зрения Facebook
Поисковая оптимизация, или SEO, - это термин, используемый для описания стратегий и тактик, необходимы...
Поисковая оптимизация, или SEO, - это термин, используемый для описания стратегий и тактик, необходимых для того, чтобы ваши важные веб-страницы имели высокий рейтинг в популярных поисковых системах. Когда поисковый термин вводится в Google, Bing или Yahoo, возвращаемая страница результатов называется страницей результатов поисковой системы или поисковой выдачей. Высокий рейтинг в поисковой выдаче по вашим ключевым поисковым запросам
Опубликовано на 24 августа 2015 г. в статьи Услуги SEO - Продажа Toyota в Макасаре, кажется...
Опубликовано на 24 августа 2015 г. в статьи Услуги SEO - Продажа Toyota в Макасаре, кажется, является главной достопримечательностью для людей или людей, которые имеют высокий предпринимательский дух.
... для поисковых систем, использование тех же методов, которые веб-мастер применяет к веб-сайту, не обязательно ...
... для поисковых систем, использование тех же методов, которые веб-мастер применяет к веб-сайту, не обязательно должно осуществляться за счет читателя. Содержимое в ленте RSS часто помогает читателю щелкнуть по нему или нет. Читатели будут оценивать RSS-каналы в зависимости от качества контента. Это означает, что грамматика и пунктуация имеют значение. Повторяющиеся грамматические ошибки снижают доверие к авторам и количество подписчиков. Якорный
... seo-1.gif"> Курс SEO для маркетологов и коммуникаторов Курс оптимизации SEO Skmotor предназначен ...
... seo-1.gif"> Курс SEO для маркетологов и коммуникаторов Курс оптимизации SEO Skmotor предназначен для вас как маркет-мейкера и / или коммуникатора; До этого вам не нужно быть техником, просто знать, как и куда идти. Вы должны быть в состоянии получить доступ к своим страницам на сервере, чтобы получить коды или вести работу другого человека в этом. Вы должны иметь такое же влияние на весь текст, который написан на веб-сайте, который вы хотите оптимизировать. Каждый,
Эта статья направлена ​​на то, чтобы помочь малым и крупным компаниям и организациям в Швейцарии, которые знаю...
Эта статья направлена ​​на то, чтобы помочь малым и крупным компаниям и организациям в Швейцарии, которые знают о SEO (поисковая оптимизация, то есть оптимизация контента, чтобы быть в хорошем положении в результатах поиска). и хотим внедрить инновационную тактику, которая увеличит продажи. Важность SEO В наши дни, когда мы говорим об электронной коммерции, тема SEO-маркетинга идет рука об руку. Но есть проблема: даже специалисты по SEO не могут убедить компании
Считаете ли вы, что большая часть электронной коммерции или ведущих сайтов являются образцовыми?
Ну и как?