📈 Оптимизация совокупного смещения макета (CLS)

Следующий набор рекомендаций касается кумулятивного сдвига макета (Cumulative Layout Shift, CLS), который является мерой визуальной стабильности веб-страниц. В настоящее время около четверти сайтов все еще не соответствуют рекомендуемому порогу, поэтому для них остаются большие возможности для улучшения пользовательского опыта.

Установите явные размеры для любого контента, загружаемого со страницы.

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

Наиболее простым способом устранения смещения макета, вызванного безразмерными изображениями, является явное задание атрибутов ширины и высоты (или эквивалентных свойств CSS). Однако около 72% страниц содержат, по крайней мере, одно изображение без размера. Без явного указания размера браузеры изначально устанавливают высоту по умолчанию в 0px, что может привести к заметному смещению макета, когда изображение наконец загрузится и его размеры будут обнаружены.

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

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

Избегайте анимаций/переходов, использующих вызывающие смещение макета свойства CSS

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

Страницы, анимирующие любое свойство CSS, которое может повлиять на макет, имеют на 15% меньше шансов иметь "хороший" CLS, чем иные страницы. Это, пожалуй, неудивительно, поскольку любой переход или анимирование любого свойства CSS, вызывающего изменение макета, приводит к смещению макета, и если это смещение не происходит в течение 500 миллисекунд после взаимодействия с пользователем, оно влияет на CLS.

Некоторых разработчиков может удивить то, что это справедливо даже в тех случаях, когда элемент выносится за пределы нормального потока документа. Например, абсолютно позиционированные элементы, которые анимируются сверху или слева, вызывают смещение макета, даже если они не сдвигают другое содержимое. Однако если вместо анимации top или left вы анимируете transform:translateX() или transform:translateY(), это не заставит браузер обновить макет страницы и, следовательно, не приведет к смещению макета.

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

#DrMax #SEO #CoreWebVitals #CLS

👴 Про Яшу и ссылочное

Посмотрел тут утечку данных из Яндекса и вспомнил про многолетний треп этой ПС о неиспользовании в ранжировании внешнего ссылочного.

Простой поиск по факторам ранжирования показывает наличие 29 факторов, где в названии есть Link.

Что интересного: якобы Яндекс умеет определять продажность ссылок и это считается отрицательным фактором при наличии более 50% таких ссылок.

Якобы Яндекс умеет определять качество (ядовитость) ссылок

Ну и свой собственный Page Rank есть у него (почему-то для Украины он считается отдельно).

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

Все врут!

ЗЫ. У линковых факторов стоит метка отмененный или неиспользуемый ))) Что бы это значило ???

#DrMax #SEO #Yandex

Костыли и оскорбления.

Яндекс опубликовал свой взгляд на утечку репозитория. Радует, что seo-сообщество пыталось анализировать файл. По сути, можно ознакомиться с кодом, но использовать прикладные методы не получится.
Почему?
Придётся выстроить свой data set, развернуть дата-центр и провести итерацию с алгоритмами serp для условной модели мэтча.
Ни у кого таких данных нет.
По обрывкам кода всё сейчас выглядит гаданием на кофейной гуще.
https://yandex.ru/company/press_releases/2023/30-01-2023

#MaxP #SEO #Yandex

🥉 О скорости работы сайта (Core Web Vitals)

Рассчитывал показатели проектов после апдейтов Google и с удивлением обнаружил возрастание корреляции показателей Core Web Vitals с ранжированием.

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

Из изученных десятков показателей наиболее весомым стал CLS (Cumulative Layout Shift) - смещение/сдвиг макета. Но это на моей выборке из десятка проектов.

Так что буду теперь чуть больше внимания пресловутым Core Web Vitals уделять. О том как чинить сдвиги - рассказывал ранее.

#DrMax #SEO #Google #CoreWebVitals

🥇 Михаил Шакин стартует обучающий курс

Наш Миша Шакин, с которым мы постоянно записываем телеконференции, объявляет набор на 20 поток курса по продвижению буржуинских сайтов.

Курс интересный и поучительный. Миша его постоянно переделывает, дополняет и актуализирует.

Информацию о курсе можете прочитать на его сайте:
https://seoshaolin.com/

Для участия пишите ему в личку в Telegram @mikeshakin или на почту [email protected] с темой "Курс".

Можете сослаться на меня - сделает скидку (наверное, но не точно).

Обучение стартует 13 февраля и продлится по 12 марта.

Историю обновления курса SEO Шаолинь можно увидеть здесь:
https://seoshaolin.com/changelog.txt

Можете прочитать ответы на часто задаваемые вопросы:
https://seoshaolin.com/#faq

В целом,если хотите залезть на буржуинский рынок - рекомендую. Заодно помучаете Мишу разными вопросами )))

Может тоже курс свой сделать? Или телеконференций достаточно?

#DrMax #SEO #МихаилШакин

🛠 Как писать заголовки на автомате

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

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

Собственно, смотрите скрин - на основе предыдущей новости он мне нагенерировал забавные заголовки.

Побаловаться можно тут.

Развлекайтесь )))

#DrMax #GPT3

🛠 Про SEO инструменты

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

Вообще я люблю ковыряться в коде. Да и приходиться это делать при любом анализе сайта. Перепробовал за последние годы кучу всего, всевозможные расширения к Хрому, начиная от seoquake (который ныне не работает без VPN) и заканчивая комбайно-монстрами. Но прижилась только одна вещь - META SEO inspector.

Понапихано там не так чтоб и много (для кого как), но пользуюсь в основном 3 вещами - просмотр мета, структура заголовков (<h1>-<h6>) и микроразметка. Удобно при анализе множества страниц - не нужно постоянно лазить в код.

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

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

#DrMax #SEO

Оператор Site: в Яндексе - ВСЁ

Временное ли это явление или "ушла эпоха"? Пропало количество страниц в индексе. 😬
Жаль, если это полноценное отключение, такой оператор давал возможность пораскинуть мозгами:
- Всё ли я (команда) делаю (ем) так?

Что нового ещё замечали в Яндекс? 🤔

#MaxP #SEO #Yandex

🍄 Рекомендации Google Search по контенту, созданному искусственным интеллектом

На днях Гугл выкатил своё отношение к генерированному контенту.

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

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

С третьей стороны: " как бы ни готовился контент, те, кто стремится к успеху в Поиске Google, должны стремиться к созданию оригинального, высококачественного, ориентированного на людей контента, демонстрирующего качества E-E-A-T."

И FAQ (частично):

Как Google Search предотвратит попадание некачественного контента с ИИ в результаты поиска?
Некачественный контент - это не новая проблема для Google Search. Мы уже много лет боремся с некачественным контентом, созданным как людьми, так и автоматикой. У нас есть системы, определяющие полезность контента. Другие системы работают над повышением качества оригинальных новостей. Наши системы продолжают регулярно совершенствоваться.

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

Будет ли контент с ИИ высоко ранжироваться в поиске?
Использование ИИ не дает контенту никаких особых преимуществ. Это просто контент. Если он полезный, нужный, оригинальный и удовлетворяет аспектам E-E-A-T, он может хорошо продвигаться в поиске. Если нет, то нет.

#DrMax #SEO #Google #AIGeneratedContent

👀 Сколько в среднем длится просмотр результатов поиска Google?

Проводилось исследование, как долго посетители изучают выдачу (результаты поиска) Google. Выводы таковы:

✅53% респондентов заявили, что тратят на это до пяти секунд

✅ 25% - от шести до десяти секунд

✅16% тратят больше времени - до полуминуты

✅ 6% - до минуты

✅ 1% - более минуты

Остальное было отфильтровано как бессмысленное.

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

На привлекательность сниппета влияют следующие факторы:

🔷 Соответствие намерениям пользователя
🔷 Специальные характеристики сниппета (расширенный сниппет)
🔷 Геометрия сниппета
🔷 Однозначность контента
🔷 Узнаваемость бренда
🔷 Ключевые слова
🔷 Дифференциация (отстройка от иных сниппетов, яркость)

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

#DrMax #SEO #Google

⛓ Как выделить из URL домен в Excel

Спрашивали меня на телеконференции у Миши Шакина, как быстро/ массово выделить домен из URl.

Всё просто - в столбец A закидываем URL, в ячейку B1 вставляем формулу =ЕСЛИ(ЕОШИБКА(НАЙТИ("//www.";A1));ПСТР(A1;НАЙТИ(":";A1;4)+3;НАЙТИ("/";A1;9)-НАЙТИ(":";A1;4)-3);ПСТР(A1;НАЙТИ(":";A1;4)+7;НАЙТИ("/";A1;9)-НАЙТИ(":";A1;4)-7))
и копируем её вниз, до конца данных в столбце A (а можно просто щелкнуть два раза в правом нижнем углу, на квадратике, выделенной ячейки с формулой).

Вот и всё )))

#DrMax #SEO #Excel

🔔 Google опубликовал новые рекомендации по ссылкам

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

Сканируемые ссылки
Как правило, Google может сканировать вашу ссылку только в том случае, если она представляет собой <a>элемент HTML (также известный как элемент привязки ) с href атрибутом. Большинство ссылок в других форматах не анализируются и не извлекаются поисковыми роботами Google.

Рекомендуется:

<a href="https://example.com">
<a href="/products/category/shoes">

Не рекомендуется (но Google может попытаться проанализировать это):

<a routerLink="products/category">
<span href="https://example.com">
<a onclick="goto('https://example.com')">

Размещение анкорного текста
Якорный текст (также известный как текст ссылки ) — это видимый текст ссылки. Этот текст говорит людям и Google что-то о странице, на которую вы ссылаетесь. Поместите якорный текст между <a>элементами, которые Google может сканировать . В качестве запасного варианта Google может использовать атрибут title в качестве анкорного текста, если <a> элемент по какой-то причине пуст.

<a href="https://example.com/ghost-pepper-recipe" title="как мариновать перец "></a>

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

Обратите внимание, в документе прямо отмечено, что безанкорные ссылки – это плохо, с точки зрения Гугла. Я уже лет 5 твержу, что использование всяких там «здесь», «тут», «по ссылке», «на сайте» - это явный признак спама и не стоит их применять. Лучше возьмите ВЧ и разбавьте его 2-3-4 дополнительными словами – толку будет больше!

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

Внешние ссылки (исходящие)
Google написал: «Ссылки на другие сайты — это не то, чего следует бояться; на самом деле использование внешних ссылок может помочь установить надежность (например, цитирование ваших источников). Ссылайтесь на внешние сайты, когда это имеет смысл, и предоставьте своим читателям информацию о том, чего они могут ожидать».

Полный текст находится тут

#DrMax #SEO #Links #Google

😜 Про тупость ChatGPT

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

Правильные ответы:
1. Нужно прыгать с первой ступени (самой низкой)

2. Нужно переходить дорогу (загадка о светофоре)

3. Медведь белый и пингвины живут на разных полюсах.

Пингвины, сволочи, опасные (по мнению ИИ), подрывают кормовую базу медведов.

#DrMax #ChatGPT

💼 Разработка стратегии линкбилдинга с экономией до 80% бюджета.

Устали тратить время на непродуктивное построение ссылок? Не получаете достаточно хороших результатов, чтобы пробиться в топ-10 в результатах выдачи Google?

Получите четкое представление о стратегии построения ссылок и сделайте первые шаги по внедрению этой стратегии в свой бизнес!

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

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

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

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

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

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

Шаг 5. После того как вы проанализировали все сайты, которые ссылаются на ваших конкурентов, пришло время заняться линкбилдингом. Вы можете попытаться получить ссылки с лучших сайтов, которые ссылаются на ваших конкурентов. Именно отбор наиболее лучших и релевантных сайтов, ссылающихся на конкурентов и построение с них ссылочного позволяет с меньшими усилиями выходить в ТОП органической выдачи.

Шаг 6. Теперь, когда вы провели наращивание ссылок, пришло время проанализировать результаты. Вы можете использовать Google Search Console, чтобы увидеть, как ваш сайт улучшился с точки зрения рейтинга и органического трафика.

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

Сгенерировал с помощью copy.ai 🤪
В комментариях расписал как использовал этот инструмент для создания этого текста. Собственно это и есть основная задача данной статьи )))

#DrMax #II #ГвоздиГольдмана