Лучшие советы по SEO оптимизации для использования изображений в Beaver Builder

  1. Beaver Builder имеет ряд интересных опций для отображения изображений в ваших макетах и ​​добавляет...
  2. Используйте программное обеспечение как Adobe Photoshop или же эскиз оптимизировать ваши изображения...
  3. Отметьте свои изображения
  4. Schema.org
  5. Подробнее об использовании ALT-тега
  6. Лучший пример изображения
  7. Использование изображений в модулях Beaver Builder.
  8. Все больше и больше данных - используя Open Graph
  9. Завершение

Beaver Builder имеет ряд интересных опций для отображения изображений в ваших макетах и ​​добавляет полезные метаданные через структурированные данные Schema.org и HTML-разметку. Чтобы обеспечить максимальную возможность отображения ваших изображений в результатах поисковой системы, вы должны добавить метаданные и оптимизировать изображения для достижения наилучших результатов.

Изображения предлагают ценный способ привлечения посетителей на ваш сайт и интернет-магазин. Люди ищут такие сервисы, как Facebook, Twitter, Pinterest, Instagram и Google, каждый день, когда ищут сайты и продукты, которые соответствуют их критериям поиска. Чтобы получить эти изображения перед потенциальными клиентами, поисковые системы должны быть в состоянии правильно их проиндексировать. Вот несколько советов, чтобы получить максимум от изображений в Beaver Builder.

Оптимизируйте свои изображения

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

Используйте программное обеспечение как Adobe Photoshop или же эскиз оптимизировать ваши изображения или использовать бесплатное программное обеспечение от GIMP , доступно для Mac и Windows.

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

Отметьте свои изображения

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

Атрибут Title, который предоставляет всплывающую подсказку для изображения, иногда используется поисковыми системами, но он менее важен, чем тег ALT. Не заполняйте alt-тэг слишком большим количеством ключевых слов - максимум рекомендуется 125 символов, а от 4 до 7 слов считается наилучшей практикой.

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

Schema.org

Beaver Builder использует schema.org Разметка для добавления метаданных к изображениям, используемым на вашем сайте. Он не будет добавлять данные к каждому изображению - это часто не нужно. Тем не менее, он добавит код к изображениям, которые имеют контекст на вашем сайте, как ваш логотип. Вот код, добавленный Beaver Builder в раздел заголовка HTML вашего сайта для логотипа заголовка:

Такое использование структурированных данных дает поисковым системам больше возможностей для понимания использования и контекста изображений на вашем сайте.

Подробнее об использовании ALT-тега

Итак, мы знаем, что поисковые машины используют alt-tag в качестве основного фрагмента данных, чтобы понять ваши изображения. Как вы добавляете данные к своему изображению? Вы можете сделать это несколькими способами; либо при загрузке изображения, либо путем редактирования изображения в медиатеке. В приведенном ниже примере мы открыли изображение, щелкнув его в редакторе WordPress, что позволило нам добавить необходимые данные в поле «Альтернативный текст».

Когда вы добавляете изображение в свой макет без атрибута alt-tag или title, окончательный вывод HTML будет выглядеть примерно так:

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

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

Лучший пример изображения

Чтобы поисковые системы могли правильно индексировать ваше изображение, мы открыли изображение в редакторе и добавили соответствующие данные в тег ALT и атрибут заголовка. Это приводит к следующему коду, включенному в HTML, который могут использовать поисковые системы.

Это приводит к следующему коду, включенному в HTML, который могут использовать поисковые системы

Использование изображений в Beaver Builder от Beaver Brains

Использование изображений в модулях Beaver Builder.

Не все модули равны. Пост Хуана Карлоса Дюрона на Facebook-группе Beaver Builder высказал верное мнение о том, как модули Beaver Builder отображают метаданные изображения.

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

Модуль Галерея -включает alt-теги и разметку схемы во всех изображениях.

Слайдер контента - включает в себя alt-теги и разметку схемы во всех изображениях.

Фоны строк - Beaver Builder ссылается на изображение в качестве фона строк в CSS, а не в HTML. Поэтому поисковые системы не смогут проиндексировать изображение. Он добавляет изображение в CSS, а не в HTML, так как ему необходимо манипулировать свойствами изображения в соответствии с настройками фона строки.

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

Все больше и больше данных - используя Open Graph

Когда посетители вашего сайта делятся сообщениями или изображениями в блогах на Facebook или Pinterest, эти службы будут использовать метаданные Open Graph для создания классных предварительных просмотров вашего контента. Плагины, такие как Yoast SEO, добавляют метаданные Open Graph в раздел <head> вашего сайта, который включает в себя данные изображения для типа файла, ширины и высоты. Open Graph использует заголовок изображения вместо alt-тегов, поэтому он импортирует для правильного заголовка ваших изображений.

Вот пример используемого HTML-кода Open Graph. Изображение, указанное в пути og: image, является изображением, используемым для предварительного просмотра на страницах социальных сетей.

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

У Yoast есть хорошая статья на alt-tag оптимизация здесь ,

Завершение

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

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

об авторе

Похожие

SEO: как оптимизировать изображения для вашего сайта
Сегодня мы хотим предложить вам руководство, чтобы начать понимать, как структурировать и оптимизировать ваш сайт с учетом изображений с точки зрения SEO (поисковая оптимизация). По этой причине мы суммировали в основных темах действия, которые каждый может применить на практике для упорядочения изображений своего веб-сайта с целью устранения любых длительных ожиданий или проблем с загрузкой, одновременно улучшая индексацию в поисковых системах. Это фундаментальный элемент, не загружайте
Основы поисковой оптимизации (SEO)
SEO советы для начинающих
... вкладываете работу, время и любовь в свой веб-сайт - и никто не посещает их. С некоторой поисковой оптимизацией дизайн-студии обязательно найдутся потенциальными клиентами. 9 советов! ● SEO кажется поначалу немного сложным, но вы можете быстро освоиться с основами. Google все больше «думает» как человек, который
SEO Сан-Луис-Потоси
Изменить контент в соответствии с User-agent
Обучение SEO
Динамика бизнеса так сильно изменилась за последние несколько лет. В современном мире бизнес представлен через веб-сайты для клиентов. Бизнес зависит от поисковых систем, таких как Google и другие онлайн-среды. Поскольку существует столько сайтов для одного и того же бизнеса, веб-сайты необходимо продвигать, чтобы достичь вершины в результатах поиска. Это также поможет привлечь
Методы поисковой оптимизации (SEO)
На этой странице описан ряд бесплатных, законных методов поисковой оптимизации, позволяющих повысить ваш рейтинг в поисковых системах. Поисковая оптимизация, или SEO, - это процесс оптимизации веб-страницы или веб-сайта для повышения его рейтинга в поисковых системах, таких как Yahoo и Google. Использование одного или двух из следующих советов по SEO в отдельности вряд ли улучшит ваши естественные результаты поиска - возможно, за исключением первых трех методов. Однако совместное использование
Вашингтон, округ Колумбия SEO
Наличие хорошо разработанного веб-сайта для вашего бизнеса в Вашингтоне, округ Колумбия, является отличным маркетинговым инструментом, но маркетинг вашего бизнеса через SEO также важен. Не оптимизировать свое присутствие в Интернете - все равно что писать путеводитель, но никогда не публиковать его. Никто не сможет найти его, купить или воспользоваться вашими советами. LaunchDM может помочь потенциальным клиентам найти ваш бизнес в Интернете. LaunchDM - это рекламное агентство с полным
SEO КУРСЫ ОПТИМИЗАЦИЯ
... в по SEO оптимизации вы узнаете, что SEO или поисковая оптимизация является относительно новой и постоянно развивающейся дисциплиной. В Интернете насчитывается около 130 000 миллиардов страниц (исключая Deep Web ), по которым было бы невозможно перемещаться, чтобы искать информацию без поисковой системы. Поисковые системы постоянно занимаются каталогизацией в Интернете и предоставлением пользователям наилучших результатов поиска, то
Руководство по маркетингу: SEO как междисциплинарный или не только SEO
В настоящее время статей о SEO для 2018 года более чем достаточно, поэтому нет смысла писать то, что вы, вероятно, прочитали сотни раз. С другой стороны, я хотел бы представить вам нечто более постоянное, о чем вы, вероятно, еще не думали, о текущей позиции SEO и необходимом доступе к ней как к мультидисциплине . SEO является дочерней дисциплиной, сейчас это гигантская индустрия онлайн-маркетинга, и поэтому она стоит рядом с другими подсекторами, такими
1 июня 2016 г. Изображение Alt Text против атрибутов заголовка изображения Оптимизация изображений ч...
1 июня 2016 г. Изображение Alt Text против атрибутов заголовка изображения Оптимизация изображений часто упускается из виду, когда речь заходит о SEO, несмотря на то, что Google подчеркивает важность этого для пользователей и поисковых систем. Тем не менее, некоторые люди могут быть озадачены тем, как именно они могут оптимизировать свои атрибуты изображения для SEO, и каковы именно изображения и текст и заголовки. Этот пост будет разбит на вас и предоставит
Как продать SEO на главной улице
Вы боролись с закрытием клиентов SEO услуг? Вы новичок в продаже SEO и ищете указатели? Или вы опытный и ищете новый край? Это руководство предоставляет вам проверенный шаблон и процесс продаж, которые помогут вам выиграть больше бизнеса. Давайте начнем! Во-первых, загрузите шаблон Pitch Deck на главной улице SEO ниже:

Комментарии

Как вы думаете, это программное обеспечение используется только маркетологами, блоггерами или цифровыми маркетологами, такими как вы и я?
Как вы думаете, это программное обеспечение используется только маркетологами, блоггерами или цифровыми маркетологами, такими как вы и я? Позвольте мне сказать вам, что это не конец, и лишь немногие из ведущих брендов в отрасли, такие как Amazon, Microsoft, Apple, HP, IBM, Nestle, Intel, Forbes, Disney, Audi и другие, являются также подписчики этого удивительного инструмента.
Как лучше всего защитить себя от негативного SEO - Black Hat SEO?
Как лучше всего защитить себя от негативного SEO - Black Hat SEO? Лучший вид защиты - это чистая долгосрочная поисковая оптимизация. Это защищает вас и ваших клиентов от негативной поисковой оптимизации. Конечно, есть еще около 10 методов для негативного SEO. Но мы не хотим представлять всех, и это не должно быть руководством для использования негативного SEO. И наконец, что не менее важно, каждый оставляет свой след. Немного умений и денег, вы можете сделать их видимыми
Етвёртая Руководство по поисковой оптимизации для начинающих (Google) - Если человек или компания должны объяснить вам SEO, к кому вы обратитесь?
Так что же такое SEO или Black Hat SEO? В случае отрицательной поисковой оптимизации, неэтичные методы используются, чтобы нанести вред другим конкурентам и обесценить их в результатах поисковых систем. Есть еще много методов для отрицательного SEO. Это также говорит Black Hat SEO. Могу ли я защитить себя от негативного SEO - Black Hat SEO? Да, путем предотвращения и использования инструментов мониторинга. Потому что, если вы получите штраф, может потребоваться
Да, это имеет смысл, я слышу, как вы говорите, но как мне найти хороший?
Да, это имеет смысл, я слышу, как вы говорите, но как мне найти хороший? Годы опыта SEO Благодаря тому, что Google уделяет большое внимание ранжированию страниц и прочности доменов, появилась новая индустрия и появилось множество экспертов по SEO. Но это не значит, что эти «эксперты по SEO» знают, что они делают. С сотнями факторов ранжирования алгоритмов Google растет с каждым днем, то, что работало много лет назад, может быть разрушительным в современном
Являются ли статьи, которые Google имеет такой же характер, как ваша статья?
Являются ли статьи, которые Google имеет такой же характер, как ваша статья? Соответствует ли ваш сайт результатам, отображаемым на этих страницах результатов? Если вы решили написать свой пост или свою страницу, оптимизируя его для этого конкретного ключевого слова, вы стремитесь к тому, чтобы ваша страница отображалась среди них. Например, когда мы написали этот пост и искали в Google выбранное ключевое слово, мы увидели, что мы конкурируем с собой:
Или чтобы ваши лучшие дяди, двоюродные братья и сестры раздавали вам визитки?
Являются ли статьи, которые Google имеет такой же характер, как ваша статья? Соответствует ли ваш сайт результатам, отображаемым на этих страницах результатов? Если вы решили написать свой пост или свою страницу, оптимизируя его для этого конкретного ключевого слова, вы стремитесь к тому, чтобы ваша страница отображалась среди них. Например, когда мы написали этот пост и искали в Google выбранное ключевое слово, мы увидели, что мы конкурируем с собой:
Ваше приложение должно стать лидирующим источником дохода, как игра или организационный инструмент, такой как Evernote?
Ваше приложение должно стать лидирующим источником дохода, как игра или организационный инструмент, такой как Evernote? Или он поддерживает ваш сайт электронной коммерции или другой продукт или услугу, например, приложение розничной торговли Nike? Наиболее распространенные модели монетизации мобильных приложений: реклама Реклама - это хороший подход, если вы платите не за загрузку приложения. Однако вы должны быть осторожны, какой стиль рекламы вы выбираете для
Вы обнаружили поисковый запрос, который имеет большой объем поиска (= высокий спрос), но не имеет смысла для описания вашей услуги или вашего продукта?
Вы обнаружили поисковый запрос, который имеет большой объем поиска (= высокий спрос), но не имеет смысла для описания вашей услуги или вашего продукта? Может быть, ключевое слово не правильно описывает то, что они предлагают? Но, может быть, они заинтересованы, потому что вы подозреваете часть вашей целевой группы за поисковым запросом? Или комбинация ключевых слов не имеет смысла с семантической точки зрения - например, doppelgemoppelte " SEO оптимизация "? Комбинация, которая
Так как же сделать свой контент видимым как можно большему количеству людей?
Так как же сделать свой контент видимым как можно большему количеству людей? Поделитесь им в социальных сетях, точно. Но знаете ли вы, как правильно оптимизировать контент, которым вы делитесь через Facebook, Twitter, Google+ и Linkedin? Что такое протокол Open Graph? Официальный веб-сайт протокола Open Graph говорит, что протокол позволяет любой веб-странице стать богатым объектом в социальном графе . Другими словами, это группа тегов, которые предоставляют ведущим социальным
Вопрос 3: имеет ли значение постоянство для SEO, когда речь заходит о том, как часто вы публикуете в своем блоге?
Вопрос 3: имеет ли значение постоянство для SEO, когда речь заходит о том, как часто вы публикуете в своем блоге? Если да, то как часто вы пишете новый контент? Действительно ли важно, как часто вы ведете блог? Есть ли какое-то волшебное количество постов, которые вы должны публиковать каждую неделю? Проверьте этот совет: Юлия знает, что последовательность огромна. Вы не хотите резко сокращать объем контента, который вы производите, потому что в результате ваш рейтинг
Итак, как вы можете использовать SEO копирайтинг советы, чтобы поставить в своем заголовке?
Итак, как вы можете использовать SEO копирайтинг советы, чтобы поставить в своем заголовке? Вернемся к нашему примеру с «походным снаряжением». Первое правило - используйте свое главное ключевое слово в заголовке. Второе правило - используйте заголовок, чтобы описать, что в статье. Третье правило - продайте свою статью и сделайте заголовок кликабельным.

Как вы добавляете данные к своему изображению?
Вы новичок в продаже SEO и ищете указатели?
Или вы опытный и ищете новый край?
Как вы думаете, это программное обеспечение используется только маркетологами, блоггерами или цифровыми маркетологами, такими как вы и я?
Как лучше всего защитить себя от негативного SEO - Black Hat SEO?
Как лучше всего защитить себя от негативного SEO - Black Hat SEO?
Так что же такое SEO или Black Hat SEO?
Могу ли я защитить себя от негативного SEO - Black Hat SEO?
Да, это имеет смысл, я слышу, как вы говорите, но как мне найти хороший?
Являются ли статьи, которые Google имеет такой же характер, как ваша статья?
Меню сайта
Новости
Реклама
Реклама
Реклама