SEO продвижение сайта на Тильде |
Система управления контентом Tilda популярна тем, что дает возможность создавать сайты бесплатно, проста в освоении, имеет инструменты для разработки интернет-проектов любой сложности и назначения.
Сделать сайт несложно. Настоящие проблемы начинаются после публикации. Продвижение в поисковых системах, необходимое для привлечения клиентов, задача весьма непростая.
Чтобы добиться успеха на онлайн-рынке, буквально переполненном предложениями любого рода, в гиперконкурентной среде, необходима грамотная SEO-оптимизация, системный подход и тщательная разработка стратегии.
Если вторая часть задачи относится к области маркетинга, то оптимизация в значительной части является технической задачей, работой с кодом, дизайном, функциями и контентом.
Программная платформа Тильда в помощь веб-мастерам и администраторам предлагает комплект инструментов, помогающих без чрезмерных усилий и временных затрат привести сайт в порядок так, чтобы он понравился как поисковым алгоритмам, так и посетителям.
Специфика современного продвижения в поиске
В прошлом поисковые системы Google и Яндекса, работали по простым принципам. Для попадания в ТОП10 веб-мастера просто накачивали тексты ключевыми фразами любого типа.
Сегодня поисковые системы используют более 1000 разнообразных алгоритмов и факторов оценки качества и полезности веб-проектов для людей.
- Ключевой фактор – удовлетворение намерения пользователя.
- Если интернет-магазин генерирует большое количество продаж, покупатели пишут благородные отзывы – это и означает, что ресурс достоин находиться в ТОП10.
- Решения принимаются на основе поведенческих факторов.
Анализ качества и полезности текстового контента состоит не в выискивании и подсчете ключевых слов, а в оценке релевантности.
Нашел читатель ли на веб-странице полноценный ответ на заданный в браузере вопрос? Релевантен ли контент к запросу?
Вовсе не обязательно тратить силы, время и деньги на подгонку проекта под всю тысячу алгоритмов.
Именно для оптимизации этих наиболее значимых факторов разработаны инструменты CMS Tilda.
Современное SEO продвижение
Здесь можно выделить три главных направления:
- Работа с кодом.
- Работа с контентом.
- Работа с поведенческими факторами.
Консоль управления CMS Тильда на специальной вкладке «Facebook and SEO» предлагает ряд инструментов для настройки проекта. Весь функционал реализован в привычном графическом интерфейсе, знания программирования и веб-технологий не требуется. Консоль специально создавалась для удобства «обычных пользователей».
Следует предупредить неподготовленных энтузиастов, что ряд важных задач по настройке сайта на хостинге из-за сложности лучше доверить опытным специалистам.
Контент, интерактивные функции, дизайн
Когда для анализа используется искусственный интеллект, качественная составляющая контента ставится важнейшим фактором успеха.
Чем лучше статьи – тем больше времени люди проводят на веб-страницах, тем меньше отказов от просмотра.
С технической стороны на поведение людей можно влиять посредством создания максимально удобного и интуитивно понятного дизайна UI и UX (интерфейс и опыт пользователя).
Необходимо создать для пользователей, приближенные к привычным. В привычных условиях человек расслабляется, исчезают опасения и осторожность, в дело вступают автоматические реакции, не требующие анализа и размышлений. Решения принимаются мгновенно. Самое лучшее состояние для вовлечения во взаимодействие и достижение целей бизнеса. Но для этого необходимо знать «условия привычной среды обитания и особенности потребления» целевой аудитории.
Проводить масштабные исследования ЦА – очень дорого и долго. Маркетологи применяют более простой и менее затратный метод анализа конкурентов. Изучая дизайн, функционал, контент наиболее успешных конкурентов в тематической и товарной нише, можно делать выводы о том, как оформить и конфигурировать ресурс для наибольшего юзабилити (удобство в использовании, достижении целей и решении задач посещения).
Зачем нужно продвижение
Вопрос: «Наш проект сделан для людей, мы создаем для целевой аудитории самый полезный контент. Зачем нам тратиться на рекламу и маркетинг?»
Вот ответ одного из богатейших предпринимателей США на сомнения в нужности рекламы тех, кто делает ставку на качество продукта.
- «В создание качественного продукта моя компания вкладывает только 20% инвестиций. На продвижение и рекламу мы тратим 80%».
Почему Айфоны стоят кратно дороже аналогичных по характеристиках китайских и корейских флагманов? Потому что Стив Джобс был гениальным программистом, но еще более талантливым маркетологом и сделал ставку в первую очередь на продвижение.
Без грамотного продвижения даже самый лучший интернет-проект обречен оставаться без клиентов на задворках выдачи Яндекса и Google.
Обзор настройки SEO параметров сайта на Тильде
Сайты продвигаются в поиске постранично, поэтому и оптимизировать нужно каждую страницу. В разделе «Настройки страницы» можно индивидуально задать наиболее влиятельные для ранжирования параметры.
- Title. Заголовок веб-документа. Важно, чтобы все Тайтлы были уникальны. Количество символов Title не должно превышать 70 символов.
- Description. Краткое описание содержимого страницы и ее услуг . Это описание появляется в сниппете (анонсе страницы) и играет роль объявления, коммерческого предложения. Специалисты советуют делать описание не более 180 символов используя ключевые слова по которым продвигается эта веб-страница.
Google до сих про рассматривает Title в качестве основного фактора релевантности, а Description берется для текста сниппета.
В Яндексе текст сниппета выбирается из участка статьи, который покажется наиболее относящимся к делу, упомянутому в поисковом запросе. При приоритетном продвижении на Яндекс полезно корректировать сниппеты индивидуально.
Следует особое внимание уделять составлению Title. Именно от этого тега в наибольшей степени зависит кликабельность сниппета. При подготовке Тайтла необходимо научиться «думать как целевая аудитория».
Раздел «Facebook and SEO»
Здесь страница отдельно оптимизируется под особенности восприятия и предпочтения пользователей социальных сетях.
- Завсегдатаи Facebook обращают внимание на картинки и описания, заголовки иного формата, нежели средний пользователь Google.
Картинка для соцсетей здесь называется «бейджик» и загружается в одноименной вкладке.
Социальные сигналы (расшаривания, лайки, комментарии) сегодня рассматриваются как весьма важные факторы ранжирования. Страница, получающая больше лайков, имеет и более высокие шансы выйти в ТОП10.
Канонический URL
Поскольку веб-страницы часто имеют полные или частичные дубли (в том числе и по техническим причинам), чрезвычайно важно задать однозначный адрес, на которую следует направлять визитеров.
Лучше, если канонический URL выполнить в ЧПУ (человекопонятном) формате и содержащим ключевые слова.
Настройка индексации
Помимо страниц, содержащих коммерческие предложения и полезный контент, сайты имеют множество технических, служебных страниц, которые необходимы для нормального функционирования ресурса, но не желательно, чтобы они появлялись в поиске.
Для управления доступностью предназначены теги Index/Noindex. Первый предлагает поисковым ботам индексировать ресурс, а второй не запрещает.
Теги Follow/Nofollow предназначены для разрешения и запрета индексации гиперссылок. Иногда приходится размещать ссылки, которые относятся к «серым», сомнительным ресурсам. Такие ссылки лучше закрыть при помощи Nofollow.
Оптимизация графического контента
Здесь возникает непростая дилемма.
- С одной стороны, для вовлечения посетителей нужны картинки и фотографии высокого качества и разрешения.
- С другой стороны, качественные изображения имеют большой вес и сильно нагружают аппаратный ресурс хостинга. Это приводит к медленной загрузке сайта в браузерах.
Задача – уменьшить размер файлов картинок до минимально приемлемого, при котором сохраняется разборчивость и привлекательность изображений.
Ошибка 400
Это уведомление появляется, когда искомой страницы не находится по указанному адресу. Полезно снабдить уведомление информацией о проблеме, ее устранении, о рекомендуемых дальнейших действиях.
Проявляя внимание к нуждам визитера, администрация ресурса минимизирует риски, что потенциальный клиент уйдет искать альтернативные решения своих задач и проблем. А значит, не воспользуется коммерческими предложениями и не станет клиентом, не принесет бизнесу прибылей.
301 редирект
В случае переноса проекта на другой домен, при добавлении поддоменов, следует настроить направление трафика со старого адреса на новый при помощи модуля Т223 (переадресация URL).
Тем самым можно избежать потери клиентов, которые будут искать ресурс по прежнему адресу.
Особенности продвижения продающих одностраничников
Конструктор Tilda позволяет создавать в том числе и Landing Page, продающие сайты, состоящие из всего одной страницы.
Конфигурация такого ресурса не позволяет опубликовать достаточно много полезного контента, чтобы лендинг был признан СДЛ (сайтом для людей).
Лучше приложить усилия, чтобы сделать продающий сайт в формате Воронки продаж. Повысить конверсию, вовлечь посетителей во взаимодействие и стимулировать совершение целевых действий.
После того, как начнутся продажи (которые рассматриваются как положительные поведенческие факторы), лендинг естественным образом выйдет в ТОП10 и начнет привлекать поисковый трафик.
Дмитрий Глубоков
Основатель SpaceLevel
Для чего нужно SEO продвижение — SEO на vc.ru
144 просмотров
SEO оптимизация охватывает комплекс действий, которые направлены на развитие и продвижение интернет-проекта среди пользователей по разным запросам. Эта оптимизация также учитывает постоянно меняющиеся требования крупнейших поисковых систем. Главной целью SEO продвижения является улучшение позиций сайта в поисковой выдаче.
Значимость SEO оптимизации обусловлена тем, что почти 95% трафика по коммерческим запросам приходят со страниц первого поискового запроса.
Из них 70% являются первыми тремя позициями поисковой выдачи. Попадание в топ поисковой выдачи часто приводит к увеличению количества посещений, что, в свою очередь, увеличивает количество продаж.
Почему SEO продвижение настолько важно
После того, как вы понимаете, зачем нужна поисковая оптимизация (SEO) для продвижения сайта, важно осознать ее значимость. Без SEO любой веб-сайт — это объект, который не будет приносить пользы его владельцу. Создание сайта — это только начало процесса.
Если вы желаете, чтобы ваш сайт приносил стабильный доход, вам следует настроить привлечение целевых посетителей, которые в будущем могут стать вашими потенциальными клиентами.
SEO продвижение позволяет рассчитывать на несколько важных преимуществ:
- Увеличение трафика. Несмотря на то, что социальные сети становятся все более популярными, поисковые системы продолжают оставаться лидерами в привлечении трафика. Исследования показывают, что около 30% клиентов интернет-магазинов находятся благодаря ведущим поисковым системам, а для контентных сайтов эта цифра еще выше.
- Улучшение пользовательских показателей. Поисковые системы стремятся обеспечить максимально точный и информативный ответ на запрос пользователя. Поэтому, задачей SEO-специалиста является создание максимально удобного и информативного ресурса с понятной структурой, которая удобна и для пользователей, и для поисковых роботов. Чем больше полезной и информативной информации на сайте, тем выше шансы оказаться в топе поисковой выдачи.
Внешняя и внутренняя оптимизация
После определения цели СЕО продвижения сайта, стоит обсудить методы оптимизации, которые могут быть внутренними и внешними.
Внешняя оптимизация сайта заключается в создании качественной ссылочной массы. Количество источников больше не играет такой роли, как раньше.
Теперь поисковые роботы проводят всесторонний анализ ссылочной массы и быстро выявляют неестественную закупку ссылок.
Поэтому при использовании внешней оптимизации стоит придерживаться только тех методов, которые соответствуют требованиям поисковых систем:
- Размещение интересных материалов с ссылками на продвигаемый сайт на сторонних ресурсах.
- Регистрация в интернет-каталогах.
- Участие в социальных сетях, блогах и на форумах.
Около 80% работы над интернет-проектом связано с внутренней оптимизацией, которая имеет наибольшее влияние на ранжирование. Она включает в себя следующие этапы:
- Сбор семантического ядра, то есть подбор запросов, которые будут использоваться для продвижения проекта в поисковых системах.
- Наполнение сайта контентом, таким как качественные тематические статьи, описания товаров и видеоконтент.
- Оптимизация контента под выбранные поисковые запросы, но с учетом того, что материалы должны быть написаны для пользователей, а не для роботов.
- Улучшение структуры сайта и настройка различных технических параметров, включая robots. txt, карту сайта и редиректы. Также необходимо исправить ошибки в коде, удалить битые ссылки и дублирующиеся страницы.
- Улучшение юзабилити, включая улучшение навигации, повышение удобства использования сайта, ускорение загрузки страниц и создание мобильной версии ресурса.
Следует помнить, что алгоритмы поисковых систем постоянно усовершенствуются, поэтому работы по внутренней оптимизации должны проводиться постоянно, чтобы сайт соответствовал всем требованиям поисковиков и имел возможность попасть в топ выдачи.
Преимущества СЕО оптимизации перед контекстной рекламой
Часто у владельцев сайтов возникает вопрос: почему SEO лучше контекстной рекламы?
Во-первых, SEO обеспечивает естественный рост объема трафика, и на этот показатель не влияет размер бюджета.
Во-вторых, пользователи больше доверяют сайтам из органической выдачи, чем оплаченной рекламе, которую многие пользователи обходят стороной.
В-третьих, инвестирование в SEO оптимизацию позволяет рассчитывать на долгосрочный эффект, потому что попадание в топ поисковой выдачи дает возможность получать плоды даже после прекращения работ по продвижению.
Еще один плюс заключается в возможности привлечения целевого трафика.
Оптимальный вариант продвижения сайта — это сочетание SEO и контекстной рекламы. Если же приходится выбирать между ними, то владельцам сайтов выгоднее отдавать предпочтение SEO продвижению, потому что этот инструмент является более доступным и эффективным, хотя и имеет отложенный эффект.
В заключение, следует отметить, что SEO-оптимизация имеет большой потенциал в коммерческом плане. Правильный выбор стратегии продвижения позволяет рассчитывать на постепенное увеличение коммерческого трафика.
Однако необходимо понимать, что SEO не принесет быстрых результатов, и его эффективность можно оценить только через 4-6 месяцев после начала работы.
Раскрываюсь больше как автор, также тут —
Телеграмм канал реалити-шоу: «Покупаю Виллу на Бали инвестируя по 15 000руб в месяц».
12 важных советов по оптимизации изображений, которые вам нужно знать
Вспомните, когда вы в последний раз загружали изображение на свой веб-сайт. Скорее всего, вы загрузили его с сайта стоковой фотографии, загрузили на серверную часть своего сайта, а затем вставили на страницу.
Это яркий пример оптимизации изображения, верно? Не совсем.
Вы добавили на свой сайт гигантский шар для боулинга, который замедляет скорость страницы. И поисковые системы не могут читать ваши изображения без альтернативного текста.
Давайте изменим это.
Согласно данным Jumpshot за 2018 год, более 20% всех поисковых запросов в Интернете в США приходится на Google Images.
Как любители, так и профессионалы SEO знают, что оптимизация изображений для вашего веб-сайта, как известно, стоит потраченного времени.
Дэн Морган из WebSpection добился того, чтобы одна из его фотографий заняла первое место в Google Images как «лучший человек в Кардиффе» менее чем за четыре дня благодаря оптимизации своего изображения.
Робби Ричардс совершил 150 732 посещения, добавив теги alt к изображениям, сжав изображения и применив несколько других SEO-трюков.
Без надлежащей оптимизации изображения вы теряете ценный актив SEO.
Похоже, поисковые системы раздают Oreos и молоко бесплатно. Но вы берете только Oreo. Хотя на самом деле Oreo лучше макать в молоко.
Оптимизация изображений создает множество преимуществ, таких как более удобный пользовательский интерфейс, более быстрая загрузка страниц и дополнительные возможности ранжирования. И это становится все более важной ролью.
Как отметил Мэтт Саузерн, заявление Гэри Иллиса о поиске изображений в недавнем чате Reddit:
«Мы просто знаем, что медиа-поиск слишком игнорируется для того, что он может сделать для издателей, поэтому мы привлекаем к нему больше инженеров, а также расширяем охват».
Но какие факторы наиболее важны для того, чтобы ваши изображения были доступны для поиска и не замедляли работу вашего сайта?
Вот 12 важных советов по оптимизации изображений, которые вам нужно знать.
[Бесплатная загрузка:] SEO-шаблон на странице + руководство
1.
Выберите правильный форматДекодирование всех различных форматов изображений может показаться вам первым заказом в Taco Bell. Но прежде чем вы сможете начать добавлять изображения на свой сайт, вы должны убедиться, что выбрали лучший тип файла.
Несмотря на то, что существует множество форматов изображений, наиболее распространенными для Интернета являются PNG и JPEG.
- PNG: создает изображения более высокого качества, но имеет больший размер файла.
- JPEG: качество изображения может ухудшиться, но вы можете отрегулировать уровень качества, чтобы найти хороший баланс.
- WebP: выберите сжатие без потерь или с потерями, используя этот единственный формат изображения, поддерживаемый как Chrome, так и Firefox.
Для меня PNG — невоспетый герой форматирования изображений. Но для моего повседневного использования лучше всего использовать PNG, а затем конвертировать их в WebP.
Будьте осторожны, если вы используете изображения . jpg внутри встроенного формата SVG, так как системы Google не могут их индексировать.
2. Сжатие ваших изображений
Да, черт возьми, нет такой ярости, как раздутая веб-страница после загрузки несжатого изображения.
Поисковые системы будут смотреть на вашу веб-страницу так же, как вы смотрите на большой чан Crisco: Вы же не можете серьезно рассматривать возможность размещения этого на своем веб-сайте, верно?
По данным HTTP Archive, изображения составляют в среднем 21% от общего веса веб-страницы.
Вот почему я настоятельно рекомендую сжимать ваши изображения перед загрузкой на ваш сайт. Вы можете сделать это в Photoshop или использовать такой инструмент, как TinyPNG.
TingPNG также имеет плагин WordPress, который вы тоже можете использовать.
Тем не менее, я предпочитаю WP Smush в качестве плагина для WordPress. Это уменьшает размер файла изображения без потери качества.
Какой бы плагин вы ни использовали, обязательно найдите тот, который сжимает изображения извне на своих серверах. Это снижает нагрузку на собственный сайт.
Или сделайте еще один шаг и используйте CDN для изображений, который обнаруживает устройство и оптимизирует образ перед доставкой. Cloudinary и Imgix — два варианта, которые стоит попробовать.
Increasingly.com увеличил скорость веб-сайта на 33% за 2 секунды за счет сжатия изображений.
Я имею в виду, есть что-то сексуальное в более высокой скорости страницы при сжатии изображений.
Если вы не уверены, как ваши изображения влияют на скорость вашей страницы, я рекомендую использовать инструмент Google PageSpeed Insights.
3. Создавайте уникальные изображения
Вы хотите, чтобы ваши фотографии появились на вашем сайте. Если вы заполните свой веб-сайт стоковыми изображениями, вы будете выглядеть неоригинально — как и тысячи других сайтов, которые ничем не выделяются.
Слишком много веб-сайтов загромождены одними и теми же типовыми стоковыми фотографиями.
Подумайте о корпоративном веб-сайте, консалтинговой фирме, бизнесе, который гордится обслуживанием клиентов. На всех этих веб-сайтах используется практически одно и то же изображение улыбающегося бизнесмена.
Я уверен, что вы видели такое изображение:
Хотя ваши стоковые изображения могут быть идеально оптимизированы, они не будут иметь такого же влияния или потенциальных преимуществ для SEO, как оригинальное высококачественное изображение. .
Чем больше у вас оригинальных картинок, тем лучше для пользователя и тем выше ваши шансы на ранжирование по релевантным запросам.
Имейте в виду, что большие изображения с большей вероятностью будут представлены в Google Discover.
Как рекомендует Google в своем ресурсе Advanced SEO,
«Большие изображения должны быть не менее 1200 пикселей в ширину и разрешены параметром max-image-preview:large или с помощью AMP».
Не используйте свой логотип в качестве изображения.
[Руководство по поисковой оптимизации на странице:] Получите свой шаблон и запустите свою стратегию.
4. Остерегайтесь авторских прав
Независимо от того, какие файлы изображений вы решите использовать, убедитесь в отсутствии конфликта авторских прав.
Почтовая служба платит 3,5 миллиона долларов по иску о нарушении авторских прав на изображение. И на Скечерса подали в суд на 2,5 миллиона долларов.
Если Getty, Shutterstock, DepositFiles или какой-либо другой поставщик стоковых фотографий владеет изображением, которое вы используете, и у вас нет лицензии на его использование, вы рискуете получить дорогостоящий судебный иск.
В соответствии с Законом об авторском праве в цифровую эпоху (DMCA) вам может быть выдано уведомление, если вы нарушили какие-либо вопросы авторского права. Если владелец части контента увидит свой контент на вашем веб-сайте, он может подать заявку на удаление DMCA, которую вы должны соблюдать.
Google Images позволяет фильтровать результаты на основе тех, которые доступны для повторного использования, а Минди Вайнштейн публикует 41 веб-сайт для поиска бесплатных изображений.
5. Настройка имен файлов изображений
Когда дело доходит до поисковой оптимизации, создание описательных, богатых ключевыми словами имен файлов абсолютно необходимо.
Если вы не настроите имя файла изображения, это все равно, что получить буррито, в котором ничего нет. Это просто отстой.
Имена файлов изображений предупреждают Google и другие поисковые роботы о предмете изображения.
Обычно имена файлов выглядят как «IMG_722019» или что-то подобное. Это как заказывать из меню на другом языке. Это не помогает Гуглу.
Измените имя файла по умолчанию, чтобы помочь поисковым системам понять ваше изображение и повысить его ценность для SEO.
Это требует некоторой работы, в зависимости от того, насколько обширна ваша медиатека, но изменение имени изображения по умолчанию всегда является хорошей идеей.
Предположим, у вас есть изображение шоколада.
Я мог бы назвать его просто «шоколад», но если вы продаете шоколад на своем веб-сайте, потенциально каждое изображение может быть названо «шоколад-1», «шоколад-2» и так далее.
Я назвал это изображение «темный-шоколад-кофе», чтобы пользователи и поисковые системы могли его понять.
Связано: Google On Image File Names & A Surprise SEO Ошибка
6. Напишите оптимизированный для SEO альтернативный текст
Альтернативные теги — это текстовая альтернатива изображениям, когда браузер не может их правильно отобразить. Подобно заголовку, атрибут alt используется для описания содержимого файла изображения.
Когда изображение не загружается, вы получите окно изображения с тегом alt в верхнем левом углу. Убедитесь, что они соответствуют изображению и делают изображение актуальным.
Внимание к тегам alt также полезно для общей стратегии SEO на странице. Вы хотите убедиться, что все другие области оптимизации на месте, но если изображение по какой-либо причине не загружается, пользователи увидят, каким оно должно быть.
Кроме того, добавление соответствующих тегов alt к изображениям на вашем веб-сайте может помочь вашему веб-сайту добиться более высокого рейтинга в поисковых системах за счет связывания ключевых слов с изображениями. Даже Google отметил ценность замещающего текста в изображениях.
Предоставляет Google полезную информацию о предмете изображения. Мы используем эту информацию, чтобы помочь определить лучшее изображение для возврата по запросу пользователя.
Замещающий текст требуется в соответствии с американским Законом об инвалидах для лиц, которые не могут сами просматривать изображения. Описательный альтернативный текст может предупредить пользователей о том, что именно изображено на фотографии. Например, предположим, что на вашем веб-сайте есть изображение шоколада.
Альтернативный текст может выглядеть так:
Однако лучше использовать альтернативный текст, описывающий изображение:
Для повышения SEO-ценности альтернативный текст может выступать в качестве анкорного текста внутренней ссылки, когда изображение ссылается на другую страницу сайта.
7. Подумайте о структуре файла изображения
Google обновил свои рекомендации по изображениям. Одно из основных обновлений, которые они обнаружили, заключалось в том, что они используют путь к файлу и имя файла для ранжирования изображений.
Повторить: Путь к файлу и имя файла являются фактическим фактором ранжирования.
Например, если вы являетесь брендом электронной коммерции с несколькими продуктами, вместо того, чтобы помещать все изображения ваших продуктов в общую папку /media/, я бы рекомендовал структурировать ваши подпапки по темам, связанным с категориями, например /shorts/ или /denim/ .
Получите свой Бесплатный SEO Шаблон . Начните экономить время и повышать рейтинг.
8. Оптимизируйте заголовок и описание страницы
Компания Google также сообщила, что использует заголовок и описание страницы как часть своего алгоритма поиска изображений.
На странице поддержки Google указано:
Все ваши основные SEO-факторы на странице, такие как метаданные, теги заголовков, текст на странице, структурированные данные и т. д., влияют на то, как Google ранжирует ваши изображения.
Это как положить все начинки на буррито. С гуаком вкуснее. Итак, не забудьте добавить guac для улучшения рейтинга изображений.
9. Определите свои размеры
Если вы используете AMP или PWA, вам необходимо определить размеры изображения в исходном коде.
Однако, если вы не используете ни то, ни другое, рекомендуется задать ширину и высоту. Это обеспечивает лучший пользовательский опыт.
Кроме того, это позволяет браузерам изменять размер изображения до загрузки CSS. Это предотвращает скачки страницы при загрузке.
Атрибуты размеров изображения также важны для предотвращения проблем с кумулятивным смещением макета (CLS), которые могут помешать оптимизации основных веб-показателей.
Убедитесь, что вы включили атрибуты ширины и высоты для каждого элемента изображения и видео.
Это сообщает браузеру, сколько места нужно выделить для ресурса, и предотвращает раздражающее смещение содержимого, которое снижает ваш показатель CLS. Узнайте больше здесь.
10. Сделайте ваши изображения удобными для мобильных устройств
О, мобильное SEO. В худшем случае это может дать вам высокий показатель отказов и низкую конверсию. Но, в лучшем случае, это может дать вам больше возможностей для ранжирования и лучшего взаимодействия с пользователями.
Проблема в том, как вы оптимизируете свои изображения для мобильного индекса?
К счастью, Google предлагает рекомендации по работе с изображениями.
Короче говоря, вы хотите создавать адаптивные изображения. Это означает, что изображение будет масштабироваться в зависимости от размера сайта, независимо от того, использует ли пользователь настольный компьютер или мобильный телефон. Подстраивается под размер устройства.
Mozilla предлагает подробное руководство по использованию атрибутов srcset и size для предоставления браузеру дополнительных исходных изображений, позволяющих отображать идентичный контент изображения, размер которого изменен для устройства.
Важно отформатировать это с другой частью значения атрибута в каждой строке, как показано в этом примере из их ресурса:
elva-fairy -800w.jpg 800w”
размеры=”(максимальная ширина: 600px) 480px,
800px”
src=»elva-fairy-800w.jpg»
alt=»Эльва, одетая как фея»>
Узнайте больше об использовании srcset для адаптивных изображений здесь.
11. Добавление изображений в карту сайта
Независимо от того, добавляете ли вы изображения в карту сайта или создаете новую карту сайта для изображений, вам нужны изображения где-то в ваших картах сайта.
Наличие ваших изображений в карте сайта значительно увеличивает шансы того, что поисковые системы просканируют и проиндексируют ваши изображения. Таким образом, увеличивается посещаемость сайта.
Если вы используете WordPress, Yoast и RankMath предлагают решение для карты сайта в своем плагине.
12. Добавление структурированных данных
Структурированные данные размечают ваши типы контента, чтобы направлять Google и поисковые системы для предоставления лучших визуальных результатов. По сути, Google может использовать ваши изображения в качестве расширенного результата, если вы добавите структурированные данные.
Например, если вы используете разметку схемы на странице продукта и помечаете изображение как продукт, Google может сопоставить это изображение с ценником. Поисковые системы пропускают алгоритм и используют информацию, представленную в структурированных данных, для предоставления правильного изображения.
[Бесплатный шаблон SEO:] Организуйте свою SEO-стратегию на странице и отслеживайте результаты.
Основные выводы по оптимизации изображения
Итак, прежде чем вы начнете загружать свое изображение на свой сайт, обязательно выполните приведенные выше ритуалы оптимизации изображения.
Самое главное, чтобы изображение и альтернативный текст соответствовали странице. Другие важные выводы:
- Выберите правильный формат файла. PNG — мои любимые скриншоты.
- Уменьшите размер файла для более быстрой загрузки страницы.