Your Company
Вкусный портал

SEO и оптимизация изображений: почему размер имеет значение

  1. Во-первых, спросите себя: действительно ли вам нужно изображение?
  2. Как оптимизировать ваши изображения: Предварительная загрузка
  3. 1. Размер
  4. 2. Наименование
  5. 3. Типы файлов
  6. Как оптимизировать изображения: пост-загрузка
  7. Заключение

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

Будучи старшим дизайнером и бренд-менеджером в Conductor, мне повезло увидеть воочию, как дизайн может помочь или помешать SEO. Каждый день моя команда ставит перед собой задачу поддерживать красивый веб-сайт, одновременно следя за тем, чтобы он был интересным для пользователя, полезным для компании и оптимизирован для поисковых систем. Это сложная, но захватывающая задача.

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

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

Во-первых, спросите себя: действительно ли вам нужно изображение?

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

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

Вам также следует потратить время на подтверждение того, что ваша страница загружается за 2 секунды или меньше, что является отраслевым стандартом в Интернете. Низкая скорость загрузки страницы может повлиять на ваш рейтинг, а также предоставить пользователям нежелательный опыт. Обязательно решите любые проблемы с загрузкой страницы, прежде чем наполнять свой сайт изображениями!

Как оптимизировать ваши изображения: Предварительная загрузка

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

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

Прежде чем ваша команда дизайнеров отправит вам изображения, необходимо обратить особое внимание на три аспекта изображения: размер, имя и тип файла.

1. Размер

Когда кто-то ссылается на «размер» изображения, он имеет в виду как качество изображения, так и его размеры по высоте и ширине. Изображение низкого качества будет размыто, что означает, что количество пикселей на дюйм (PPI) относительно мало. Для сравнения, высококачественные изображения выглядят четкими и яркими, выглядя почти как живые. Размеры изображения относятся к фактическим измерениям высоты и ширины, измеренным в пикселях.

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

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

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

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

2. Наименование

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

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

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

3. Типы файлов

Существует три распространенных типа файлов изображений, которые универсально поддерживаются всеми браузерами - JPEG, PNG и GIF. Решение, какой тип файла использовать, зависит от варианта использования:

  • JPEG- файлы отлично подходят для ваших обычных изображений на веб-сайте и должны быть такими, как большинство ваших изображений. Они поддерживают 16 миллионов цветов и отлично сжимают информацию о файлах до меньшего размера. Ваш дизайнер должен всегда сохранять свои JPEG-файлы как «прогрессивные», то есть будет использоваться алгоритм для постепенного затухания изображения для лучшей скорости загрузки страницы и удобства для пользователя.
  • PNG больше по размеру и должны использоваться в основном для изображений, которые содержат прозрачный слой или очень мелкие детали. Они не так сжаты, как JPEG, поэтому их следует использовать с осторожностью.
  • GIF-файлы в основном используются для анимации и всегда должны использоваться вместо Flash. Они не сжимают почти так же хорошо, как JPEG или PNG, и поддерживают только 256 цветов.

Как оптимизировать изображения: пост-загрузка

Уже есть сайт, на котором есть тысячи изображений Уже есть сайт, на котором есть тысячи изображений? Если вы используете WordPress в качестве CMS, kraken.io отличный инструмент для оптимизации ваших изображений. Программа позволяет вам и вашей команде делать все одним нажатием кнопки. Я настоятельно рекомендую протестировать инструмент на странице с низким приоритетом, прежде чем применять его ко всей вашей библиотеке изображений.

Как только ваше изображение было выбрано и сохранено, оно готово для загрузки в вашу CMS. Рекомендуется, чтобы текст всегда сканировался поисковыми системами и выбирался пользователем. Всегда избегайте вставки текста прямо в изображение или сохранения текста в формате PNG с прозрачным фоном.

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

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

Заключение

Имейте в виду, что существует множество методов оптимизации для веб-изображений, только некоторые из которых были описаны здесь. Для получения дополнительной информации о дополнительных методах, таких как векторные и растровые изображения и сохранение как с потерями по сравнению с без потерь, Сайт разработчиков Google имеет потрясающий обзор.

Являетесь ли вы дизайнером или SEO, оптимизация изображений важна. Найдите баланс и оставьте Google довольным: выбирайте нужные изображения, правильно называйте их и всегда учитывайте время загрузки страницы.

Ищете еще советы по оптимизации? Вот как гигантская компания электронной коммерции, bol.com, оптимизирует свои целевые страницы ,

Во-первых, спросите себя: действительно ли вам нужно изображение?
Во-первых, спросите себя: действительно ли вам нужно изображение?
Можно ли достичь такого же визуального интереса с помощью CSS-эффектов, таких как градиенты или креативные веб-шрифты?
Ищете еще советы по оптимизации?

Новости

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

Alcazar - официальный сайт концертного агента. Заказать выступление группу Alcazar на праздник, свадьбу, корпоратив в ProConcert.
Добро пожаловать на страницу шведской музыкальной группы. Группа «Alcazar»  - это шикарная творческая идея продюсера Александра Барда. В 1998 году музыкант решил создать новый интересный проект,

Организация и проведение корпоративных мероприятий и праздников в СПБ – event-агентство REMAR Group
Корпоративные праздники – это важный элемент налаживания взаимоотношений между сотрудниками фирмы, представителями различных отделений компании. Проведение подобных мероприятий подразумевает легкую, приятную,

Проведение юбилея - проведение юбилея 40-45 лет | Организация праздников и корпоративных мероприятий от «ClubTrade»
Близится очередная круглая дата? Предлагаем Вам отметить юбилей с нашей помощью. Специалисты « Clubtrade » подберут ведущего для Вашего праздника – интеллигентного мужчину или интересную даму в возрасте

Что надеть на новогодний корпоратив 2018


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

Автобус для корпоративов
Не всегда корпоративные мероприятия и празднования проходят в городской местности. Иногда – по большей части все-таки, летом – выезд на природу более предпочтительный, особенно, если у руководства имеется

Добро пожаловать в питерский Форт Боярд!
Помните программу Форт Боярд, которую 15 лет тому назад с нетерпением ждала большая часть телезрителей РФ? Сегодня ее трудно назвать особенно популярной, но соревнования, проводимые среди участников, не

Аренда кальяна на дом
Ваш отдых - наша работа!   О нас      Здравствуйте дорогие друзья! Организация ООО «Есть Кальян» Екатеринбург рады предложить вам следующие виды услуг относительно вашего отдыха. Отличным дополнением

Заказать выступление Дмитрия Нагиева на свадьбу, корпоратив или день рождения, юбилей. Узнать цену выступления Дмитрия Нагиева
Хотите, чтобы ваш праздник был ярким, незабываемым и очень интересным? Для этого достаточно воспользоваться работой профессионального артиста, желательно того, кого знает вся страна. Сейчас у каждого человека

Реклама

Календарь

Реклама

Copyright © 2016 www.j-operamini.b5bedf3d7