Поисковый журнал

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

Как опытный веб-мастер, я могу с уверенностью сказать, что получение сертификата Google Ads — это для меня отличный способ продемонстрировать свои фундаментальные знания и практический опыт работы с рекламой с оплатой за клик (PPC) и эффективным управлением Google Ads.

Независимо от того, только что вы закончили школу, начинаете карьеру в Google Ads или просто хотите учиться, это отличное место для начала вашего пути.

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

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

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

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

Что такое сертификация Google Реклама?

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

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

В Google Ads произошло огромное количество изменений.

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

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

Как получить сертификацию Google Рекламы

Шаг 1. Начните работу в Skillshop

Перейдите на платформу сертификации Google Рекламы в Skillshop.

В правом верхнем углу нажмите Войти.

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

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

Внимание: если у вас уже есть учетная запись, возможно, вам придется подключить ее снова или переместить в связи с переходом Google сkillshop.exceedlms.com наkillshop.docebosaas.com.

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

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

Если вы еще не настраивали учетную запись Google Рекламы, ее легко создать прямо здесь, чтобы начать свой рекламный путь.

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

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

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

Чтобы ваша сертификация способствовала получению значка Google Partners, обязательно подключите все правильно, используя корпоративный адрес электронной почты, который вы регулярно используете для управления рекламой в своей организации-партнере Google.

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

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

Шаг 2. Выберите экзамен

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

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

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

Здесь вы можете найти конкретную сертификацию, с которой хотите начать, и нажать на нее.

В рамках конкретной сертификации прочитайте обзорную информацию.

Когда вы будете готовы приступить к работе, нажмите кнопку «Начать».

Шаг 3. Подготовьтесь к экзаменам

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

Специальные сертификаты Google Рекламы включают в себя:

• Сертификация эффективной рекламы на основе искусственного интеллекта.
• Сертификация по товарной рекламе с использованием искусственного интеллекта.
• Google Реклама – сертификация измерений.
• Сертификация приложений Google Реклама.
• Сертификация креативов Google Рекламы.
• Сертификация по медийной рекламе Google.
• Сертификация по поисковой рекламе Google.
• Сертификация видеорекламы Google.
• Сертификация офлайн-продаж.

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

Поисковые объявления – один из основных и традиционных типов рекламы на платформе Google Ads.

Но если вы больше сосредоточены на чем-то вроде простого шоппинга, то начните именно с этого.

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

Содержание обучения доступно и привязано к каждому конкретному сертификату.

Чтобы пройти специализированное обучение, вы должны быть готовы потратить несколько часов на тщательное изучение.

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

Примеры вопросов весьма полезны; они написаны в том же формате, в котором они представлены на реальных экзаменах.

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

Если вы не прошли сертификацию или не имеете опыта работы с рекламой, внимательно ознакомьтесь с учебными материалами!

Шаг 4. Пройдите тестирование

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

Имейте в виду, что таймер не допускает пауз, поэтому убедитесь, что у вас достаточно непрерывного времени, чтобы полностью его посвятить, и постарайтесь свести к минимуму отвлекающие факторы в этот период.

Затем вам будет выдан сертификат по этой конкретной области продукта.

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

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

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

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

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

Платформа Google Рекламы постоянно меняется

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

Основываясь на моем собственном опыте активной работы с Google Рекламой, я бы посоветовал другим набраться терпения и ожидать некоторых несоответствий между тем, что вы видите на экзаменах, и тем, что происходит на реальной платформе. Мир цифровой рекламы всегда развивается быстрыми темпами, с частыми обновлениями, новыми функциями, интерфейсами и изменениями в работе Google Ads. Как человек, который стал свидетелем этого своими глазами, я могу сказать вам, что очень важно сохранять гибкость и быть в курсе последних событий, чтобы максимизировать свой успех в эффективном управлении рекламными кампаниями Google.

Независимо от того, прошли ли вы уже сертификацию или еще учитесь, позвольте мне вдохновить вас на ваше приключение в Google Рекламе и надеяться на процветающее и плодотворное будущее для вашего бизнеса или организации!

Смотрите также

• Акции SBER. Сбербанк: прогноз акций.
• Почему контент важен для SEO
• Поисковые запросы Bing, которые могут вам понравиться
• Учебное пособие по Google Рекламе: как использовать улучшения видео с помощью искусственного интеллекта
• Акции MSRS. Россети Московский регион: прогноз акций.
• Google о том, почему простые факторы не являются сигналами ранжирования
• Акции KZOS. Казаньоргсинтез: прогноз акций.
• Акции привилегированные LNZLP. Лензолото: прогноз акций привилегированных.
• Акции ROSN. Роснефть: прогноз акций.
• Как получить качественные обратные ссылки: 11 способов, которые действительно работают

2024-08-05 12:09

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

Согласно недавнему исследованию eMarketer, Facebook возвращается к популярности среди молодых пользователей поколения Z, тогда как TikTok становится популярным среди старшего поколения бэби-бумеров.

Несмотря на эти изменения, обе платформы сохраняют стабильную основную базу пользователей.

Ренессанс поколения Z в Facebook

Несмотря на общее снижение использования Facebook, среди пользователей поколения Z в США наблюдается неожиданный рост платформы. По прогнозам, доля пользователей поколения Z в Facebook вырастет с 49,0% (33,9 миллиона) в 2024 году до 56,9% (40,5 миллиона) к 2024 году. 2028.

Ключевые драйверы:

1. Полезность. Планирование мероприятий, нишевые группы и торговая площадка привлекают молодых пользователей.
2. Демо-смена: ~36% представителей поколения Z еще не достигли 18 лет, многие из них только начинают пользоваться социальными сетями.

Потенциал электронной коммерции сильный: 75,0% пользователей Facebook поколения Z (15–26 лет) совершили покупки на Marketplace в прошлом году.

Как эксперт по SEO, я заметил интригующую тенденцию: поколение Z отстает как от поколения X, так и от миллениалов с точки зрения количества пользователей и вовлеченности на этой платформе. Интересно, что время, проводимое в Facebook, сокращается для пользователей младше 55 лет, что намекает на изменение того, как молодое поколение взаимодействует с платформой.

Бумер-бум TikTok

Рынок Gen Z в TikTok насыщен, но среди бумеров наблюдается удивительный рост.

Прогнозы показывают, что в следующем году число пользователей-бумеров в США увеличится на 10,5% — с 8,7 млн ​​до 9,7 млн.

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

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

Изменение ландшафта социальных сетей

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

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

Последствия для маркетологов

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

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

Для маркетологов Facebook растущая база пользователей поколения Z открывает новые возможности, особенно в сфере электронной коммерции через Marketplace. Однако сокращение времени, проводимого на платформе, означает, что контент должен быть более привлекательным и целевым.

Пункты действий:

1. Стратегия аудита. Проверьте привлекательность контента для разных возрастных групп и платформ.
2. Диверсификация: создавайте многогранные стратегии для разных демографических групп, сохраняя при этом индивидуальность бренда.
3. Используйте аналитику: отслеживайте вовлеченность по возрастным группам и корректируйте тактику.
4. Тестируйте и оптимизируйте. Поэкспериментируйте с форматами контента и сообщениями для каждой платформы.
5. Будьте в курсе: следите за обновлениями платформы и демографическими тенденциями.

Сохраняйте гибкость и обновляйте стратегии по мере изменения демографии и предпочтений пользователей.

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

Смотрите также

• Акции SBER. Сбербанк: прогноз акций.
• Почему контент важен для SEO
• Поисковые запросы Bing, которые могут вам понравиться
• Учебное пособие по Google Рекламе: как использовать улучшения видео с помощью искусственного интеллекта
• Акции MSRS. Россети Московский регион: прогноз акций.
• Google о том, почему простые факторы не являются сигналами ранжирования
• Акции KZOS. Казаньоргсинтез: прогноз акций.
• Акции привилегированные LNZLP. Лензолото: прогноз акций привилегированных.
• Акции ROSN. Роснефть: прогноз акций.
• Как получить качественные обратные ссылки: 11 способов, которые действительно работают

2024-08-03 01:08

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

Термин «кумулятивное изменение макета (CLS)» относится к ключевому показателю производительности, используемому Google, который оценивает события, связанные с пользовательским опытом.

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

Что такое накопительный сдвиг макета?

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

Типы компонентов, которые часто приводят к изменениям, — это стили шрифтов, изображения, видеоклипы, интерактивные формы для контактов, кнопки с активными действиями и разнообразный другой контент.

Минимизация CLS важна, поскольку смещение страниц может ухудшить взаимодействие с пользователем.

Плохой показатель CLS (ниже > 0,1) указывает на проблемы с кодированием, которые можно решить.

Что вызывает проблемы с CLS?

Существует четыре причины, по которым происходит накопительный сдвиг макета:

• Изображения без размеров.
• Объявления, встраивания и iframe без размеров.
• Динамически внедряемый контент.
• Веб-шрифты, вызывающие FOIT/FOUT.
• CSS или JavaScript-анимация.

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

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

Изображения без размеров

Когда браузеры встречают HTML-тег , они не знают размера связанного изображения, пока оно не будет загружено. Следовательно, браузер в этот момент не может зарезервировать место для изображения. В следующем видео представлена ​​демонстрация этого сценария.

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

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

Реклама может вызвать CLS

Загрузка объявлений AdSense в содержание статьи или в списки лидеров без соответствующего форматирования может потенциально нарушить выравнивание макета.

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

Вместо этого, когда вы размещаете рекламу размером 970×250, но она отображается как баннер меньшего размера 970×90, вокруг нее будет слишком много пустого пространства, что приведет к непривлекательному внешнему виду страницы.

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

Динамически внедряемый контент

Это контент, который внедряется на веб-страницу.

Как давний пользователь социальных сетей, я могу подтвердить неудобства, вызванные публикациями, которые имеют непредсказуемую высоту из-за различной длины контента. Эта проблема особенно заметна в X (ранее Twitter), где макет может внезапно сместиться, нарушая поток информации и затрудняя плавную прокрутку сообщений. Как человек, который проводит значительное количество времени на этих платформах по работе и личным причинам, я нахожу это несоответствие разочаровывающим и отнимающим много времени. Было бы намного удобнее, если бы платформа могла автоматически регулировать высоту сообщений в зависимости от длины контента, обеспечивая единообразный макет и более плавную прокрутку для таких пользователей, как я, которые ценят эффективность и простоту использования.

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

Возможным подходом к обработке этого изменения может быть назначение минимальной высоты по умолчанию (min-height) разделу контейнера, в котором заключен твит, поскольку мы не можем предсказать высоту сообщения твита, пока он не будет загружен. Таким образом, мы заранее гарантируем, что будет зарезервировано достаточно места.

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

#tweet-div {
max-height: 300px;
overflow: auto;
}

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

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

Веб-шрифты

Загруженные веб-шрифты могут вызвать так называемую вспышку невидимого текста (FOIT).

Способ предотвратить это — использовать предварительно загруженные шрифты.

и используя font-display: swap; css в @font-face at-rule.

@font-face {
   font-family: Inter;
   font-style: normal;
   font-weight: 200 900;
  шрифт-дисплей: поменять местами;
   src: url('https://www.example.com/fonts/inter.woff2') format('woff2');
}

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

Однако у вас все равно может возникнуть эффект под названием «Вспышка нестилизованного текста» (FOUT), которого невозможно избежать при использовании несистемных шрифтов, поскольку для загрузки веб-шрифтов требуется некоторое время, а в это время будут отображаться системные шрифты.

В видео ниже вы можете увидеть, как меняется шрифт заголовка, вызывая сдвиг.

Видимость FOUT зависит от скорости соединения пользователя, если реализован рекомендуемый механизм загрузки шрифтов.

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

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

CSS или JavaScript-анимация

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

Чтобы избежать этого сдвига, убедитесь, что вы предоставили место для анимационного элемента с помощью преобразований CSS. Это позволяет вам различать анимацию, которая вызывает сдвиг влево (с использованием CSS-анимации), и ту, которая этого не делает (с использованием CSS-преобразования).

Как рассчитывается совокупное смещение макета

Это продукт двух показателей/событий, называемых «Доля воздействия» и «Доля расстояния».

CLS = ( Impact Fraction)×( Distance Fraction)

Ударная фракция

Доля воздействия измеряет, сколько места занимает нестабильный элемент в окне просмотра.

Окно просмотра — это то, что вы видите на экране мобильного телефона.

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

Иллюстративный пример Google включает в себя компонент, занимающий половину (50%) видимой области экрана, за которым следует уменьшение еще на четверть (25%) ниже этой точки.

В этом сценарии при объединении доля воздействия обозначается как 0,75, что представляет собой ее долю или соотношение.

Расстояние Фракция

Проще говоря, термин для второго измерения — «Отношение расстояний». Это соотношение показывает, насколько элемент на странице сместился от исходного положения к конечному.

В приведенном выше примере элемент страницы переместился на 25%.

Теперь совокупный балл компоновки определяется путем расчета произведения импакт-фактора и фактора расстояния.

0,75 x 0,25 = 0,1875

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

Вот пример видео, наглядно иллюстрирующего, что такое факторы воздействия и расстояния:

Понимание совокупного смещения макета

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

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

Смотрите также

• Акции SBER. Сбербанк: прогноз акций.
• Почему контент важен для SEO
• Поисковые запросы Bing, которые могут вам понравиться
• Учебное пособие по Google Рекламе: как использовать улучшения видео с помощью искусственного интеллекта
• Акции MSRS. Россети Московский регион: прогноз акций.
• Google о том, почему простые факторы не являются сигналами ранжирования
• Акции KZOS. Казаньоргсинтез: прогноз акций.
• Акции привилегированные LNZLP. Лензолото: прогноз акций привилегированных.
• Акции ROSN. Роснефть: прогноз акций.
• Как получить качественные обратные ссылки: 11 способов, которые действительно работают

2024-08-02 13:40

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

Хлебные крошки веб-сайта служат инструментом навигации, существенно влияя как на поисковую оптимизацию (SEO), так и на пользовательский опыт.

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

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

Что такое хлебные крошки в SEO?

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

Обычно вы найдете их в верхней части веб-сайта или прямо под панелью навигации.

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

Вот пример хлебных крошек с сайта eBay:

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

Хлебные крошки позволяют легко вернуться на предыдущую страницу, если это необходимо.

4 распространенных типа панировочных сухарей

Не все хлебные крошки одинаковы!

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

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

1. Хлебные крошки на основе иерархии (также известные как хлебные крошки на основе местоположения)

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

Например: Домой > Калифорния > Сан-Франциско

2. Хлебные крошки на основе атрибутов

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

Например: Домой > Обувь > Походы > Женская

Обратите внимание, как ловко eBay обрабатывает хлебные крошки для атрибутов, когда путь слишком длинный.

После домашней страницы отображаются три последних элемента, а более старые скрыты за меню «…» (три точки). Нажав на это меню, вы получаете доступ ко всем ранее отображаемым элементам, которые также можно найти в виде навигационной цепочки.

3. Хлебные крошки вперед или вперед

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

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

4. Хлебные крошки на основе истории

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

Как опытный цифровой маркетолог с более чем десятилетним опытом работы за плечами, я могу с уверенностью сказать, что отслеживание новостей SEO необходимо для того, чтобы оставаться впереди игры. Чтение множества статей о последних тенденциях и обновлениях в этой области позволяет мне совершенствовать свои стратегии и быстро адаптироваться к изменениям в алгоритмах. Например, если бы я сегодня искал новости SEO, хлебные крошки могли бы выглядеть так: «Главная > Последние стратегии SEO > Обновления алгоритма Google > Текущая страница». Эта структура помогает мне эффективно ориентироваться в большом количестве информации, гарантируя, что я всегда в курсе событий и могу предоставить ценную информацию своим клиентам.

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

Более того, поскольку это непредсказуемо, вы не сможете использовать такие схемы, как хлебные крошки, и пожинать плоды расширенных фрагментов в результатах поиска.

3 преимущества использования хлебных крошек

«Все это звучит великолепно», — думаете вы.

Но что на самом деле будут делать панировочные сухари?

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

1. Хлебные крошки улучшают UX

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

Чтобы получить дополнительную информацию о Nestle, вы можете посетить их веб-сайт и в конечном итоге попасть на страницу, подробно описывающую историю компании.

Используя хлебные крошки, вы можете легко вернуться к «О нас», «Истории» или даже к домашней странице.

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

2. Удерживайте людей на месте дольше

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

Допустим, вы ищете новую пару кроссовок на сайте Адидас.

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

Использование обуви Adidas снижает вероятность того, что вы снова переключитесь на Google и попадете на другой сайт, посвященный обуви.

В этом сила скромных хлебных крошек!

Как специалист по SEO, я недавно провел тематическое исследование на своем веб-сайте Moz, чтобы поделиться мыслями о влиянии добавления хлебных крошек и внесения дополнительных изменений. Вот что произошло:

Число сессий резко возросло всего за несколько месяцев.

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

3. Хлебные крошки улучшают внутренние ссылки

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

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

4. Расширенные сниппеты в поисковой выдаче

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

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

В этом примере вы найдете закодированную структуру JSON-LD (JSON для связанных данных) для навигационной цепочки, которая напоминает расширенный фрагмент кода, показанный на снимке экрана:

[{
"@context": "https://schema.org",
  "@id": "https://www.example.com/#breadcrump", 
  "@type": "BreadcrumbList",
    "itemListElement": [
    {
       "@type": "ListItem",
       "position": 1,
       "item":   "@id": "https://www.example.com/",      
       "name": "Home"       
   },
   {
       "@type": "ListItem",
       "position": 2,
       "item": "https://www.example.com/real-estate/",
       "name": "Real estate"
  },
  {
       "@type": "ListItem",
       "position": 3,
       "item": "https://www.example.com/en/paris/",
       "name": "Paris"
  },
  {
      "@type": "ListItem",
      "position": 4,
      "item": "https://www.example.com/en/paris/apartment/",
      "name": "Apartment"
   },
  {
     "@type": "ListItem",
     "position": 5,
     "item": "https://www.example.com/en/paris/apartment/affordable",
     "name": "Affordable rentals Paris"      
    }
   ]
}]

Вот разбивка каждого атрибута в навигационной схеме JSON-LD.

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

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

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

4 распространенных ошибки при использовании хлебных крошек для SEO

Внедрение хлебных крошек — это простой способ улучшить SEO сайта и обеспечить лучший UX.

Однако иногда внедрение хлебных крошек может принести больше вреда, чем пользы.

Вот несколько ошибок, которых следует избегать.

1. Не делайте слишком больших или слишком маленьких задач – стремитесь к правильному результату

Хлебные крошки должны быть легко заметны, но ненавязчивы.

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

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

2. Не повторяйте просто панель навигации

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

Нет необходимости добавлять больше кода (и занимать место!), если это не поможет.

3. Не отказывайтесь от панели навигации в пользу хлебных крошек

Хотя вы не хотите повторять навигацию, вы также не хотите полностью полагаться на хлебные крошки.

Они служат дополнением, а не заменой других навигационных функций.

4. Используйте правильный тип хлебных крошек

Хлебные крошки местоположения — наиболее распространенный тип, но они могут быть не лучшим выбором для вашего сайта.

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

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

Как реализовать хлебные крошки в WordPress

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

Вот несколько способов добавить эти полезные функции на ваш сайт.

Наконец, ваш конструктор сайтов или тема WordPress могут иметь встроенную функцию навигации.

Сайты Shopify, Wix или Squarespace имеют встроенные функции, которые вы можете включить на их странице настроек.

Хлебные крошки — простой и понятный способ навигации по вашему сайту

Думайте о панировочных сухарях как о масле для вашего хлеба. Кермит для твоей Мисс Пигги. Животный соус к вашему гамбургеру In N’ Out.

Вы поняли суть.

Хлебные крошки — это простое изменение, которое поможет вашему сайту выделиться на странице результатов поиска.

Хотя они не могут привести к существенному повышению рейтинга страницы результатов в поисковых системах, они полезны как для пользователей, так и для поисковых систем.

В качестве дополнительного бонуса хлебные крошки легко реализовать с помощью такого плагина, как Yoast.

Всего за несколько кликов вы можете упростить навигацию по своему сайту и, возможно, повысить его рейтинг в результатах поиска.

Смотрите также

• Акции SBER. Сбербанк: прогноз акций.
• Почему контент важен для SEO
• Поисковые запросы Bing, которые могут вам понравиться
• Учебное пособие по Google Рекламе: как использовать улучшения видео с помощью искусственного интеллекта
• Акции MSRS. Россети Московский регион: прогноз акций.
• Google о том, почему простые факторы не являются сигналами ранжирования
• Акции KZOS. Казаньоргсинтез: прогноз акций.
• Акции привилегированные LNZLP. Лензолото: прогноз акций привилегированных.
• Акции ROSN. Роснефть: прогноз акций.
• Как получить качественные обратные ссылки: 11 способов, которые действительно работают

2024-08-02 12:12

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

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

Распространенный аргумент в отношении файла robots.txt

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

«Роль файла robots.txt не включает предотвращение несанкционированного доступа к контенту. Однако важно отметить, что представление о том, что файл robots.txt может предотвратить несанкционированный доступ, не является заблуждением среди тех, кто его понимает. функциональность.»

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

• Файл robots.txt (оставляет сканеру право решать, сканировать его или нет).
• Брандмауэры (WAF, он же брандмауэр веб-приложений — брандмауэр контролирует доступ)
• Защита паролем

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

Стойки играют свою роль, но не менее важную роль играют противовзрывные двери и диафрагмы, когда дело доходит до защиты ваших Звездных врат.

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

Используйте правильные инструменты для управления ботами

Существует несколько способов предотвратить доступ к вашему сайту автоматизированных инструментов, таких как скраперы, хакерские боты и пользовательские агенты с искусственным интеллектом. Помимо блокировки поисковых сканеров, рекомендуется использовать систему брандмауэра, поскольку она обеспечивает гибкость с точки зрения фильтрации на основе поведения (например, скорости сканирования), IP-адреса, пользовательского агента и географического местоположения, а также других факторов. Некоторые популярные варианты включают решения уровня сервера, такие как Fail2Ban, облачные системы, такие как Cloudflare WAF, или плагины безопасности WordPress, такие как Wordfence.

Прочитайте публикацию Гэри Иллиеса в LinkedIn:

robots.txt не может предотвратить несанкционированный доступ к контенту

Смотрите также

• Акции SBER. Сбербанк: прогноз акций.
• Почему контент важен для SEO
• Поисковые запросы Bing, которые могут вам понравиться
• Учебное пособие по Google Рекламе: как использовать улучшения видео с помощью искусственного интеллекта
• Акции MSRS. Россети Московский регион: прогноз акций.
• Google о том, почему простые факторы не являются сигналами ранжирования
• Акции KZOS. Казаньоргсинтез: прогноз акций.
• Акции привилегированные LNZLP. Лензолото: прогноз акций привилегированных.
• Акции ROSN. Роснефть: прогноз акций.
• Как получить качественные обратные ссылки: 11 способов, которые действительно работают

2024-08-02 10:41