Size: a a a

Техническое SEO

2020 March 11

JA

JustAndrew Andrew in Техническое SEO
Demi Murych
сейчас у прогрессивной молодежи в моде не ракты с наследованием а третий вью с  композитион. Отстал ты батенька. Старость стала настигать тебя.
Demi, молодёжь она разная, и используется стек вообще разный, если в процентном соотношении то реакт все считают модным, молодёжным решением. Встречаю кучу 20 летних разработчиков которые мечтают работать с react) Раньше разработчик оканчивал институт и хотел работать к примеру с python или c#, сейчас react и js) Никто не  хочет работать с чем то серьёзным, напрягаться и тп, все хотят по быстрому освоить реакт и работать на нём, как по мне так и сам js, это не особо серьёзная история)
источник

ИГ

Игорь Гончаренко in Техническое SEO
Demi Murych
И главное
На кой черт все это надо.  

Стандарту уже 6 лет. При этом, Google стал причиной форка стандарта с которым мы сейчас и имеем дело. То есть формально стандартизировать такие процессы может только группа W3. Но ее медлительность, и академичность, то есть оторванность от реальных задач привела к конфликту между ними и крупными игроками рынка. В результате чего и появилась группа whtwg. Стандартом которой мы и пользуемся.

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

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

Так вот, что из всего этого сейчас учитывается: (то есть использование этого на страницах сейчас даст статистически фиксируемое изменение.)

все секционные теги: section article aside nav

Вложенность секций, то есть иерархия определяется ей, а не весом заголовка h1-h6. Цифра у заголовка не имеет никакого значения для определения значимости.

!!! Секционные руты: blockquote td figure fieldset

Группы: hgroup header footer  p address ol ul dl(только в части термин - занчение)  legend datail

Таблицы: table caption thead tfoot tr td th
но это все работало и раньше.

Формы: label button, legend, плейсхолдеры

Фразовый контент: a img strong b u mark small time cite
тут все намного сложнее. Потому что судя по всему менялось не то что учитывается или не учитывается, а то как учитывается.

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

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

MG

Maxim Gambini in Техническое SEO
Demi Murych
Совершенно верно. Если header содрежит только заголовок, то правилом хорошего тона считается опускать header. Более того есть ситуации когда невозможно указать группу header, а заголовок наоборот есть.

Сам по себе h1 безусловно не является header. Теги H* это особая часть контента называемая заголвочный контент. У нее своя роль. Именно поэтому  нельзя сделать в одной секции два заголовка. Это пирведет к неявному созданию новых секций, вплоть до вываливания контента из одной секции в другую, даже уровнем выше.
Я правильно понял, что если внутри одной секции два h, то гугол сам разбивает ее на 2 секции с одним заголовком у каждой?

И там получается по умолчанию связь И?
источник

DM

Demi Murych in Техническое SEO
Maxim Gambini
Я правильно понял, что если внутри одной секции два h, то гугол сам разбивает ее на 2 секции с одним заголовком у каждой?

И там получается по умолчанию связь И?
1) Согласно стандарту да. Это разбиватеся на две секции. И тут как раз важен вес заголовка для разрешени конфликтной ситуации - какой секцию делать.

2) Как поступает гугл, сказать может точно только сам гугл. НО, очевидно что если раньше гугл парсил html4 и выделял разделы опираясь на заголовки, то так или иначе он уже создавал логические секции, которые ничем не отличаются от html5 секций. Разве что менее гибкие. А учитывая факт игнорирования веса заголовка, это подвержадется почти на 100%.

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

AA

Artem Astakhov in Техническое SEO
JustAndrew Andrew
Demi, молодёжь она разная, и используется стек вообще разный, если в процентном соотношении то реакт все считают модным, молодёжным решением. Встречаю кучу 20 летних разработчиков которые мечтают работать с react) Раньше разработчик оканчивал институт и хотел работать к примеру с python или c#, сейчас react и js) Никто не  хочет работать с чем то серьёзным, напрягаться и тп, все хотят по быстрому освоить реакт и работать на нём, как по мне так и сам js, это не особо серьёзная история)
Молодёже пофигу на чем писать и дело тут далеко не в воображаемой сложности или простоте языка, нужно посмотреть на количество вакансий того же С# и JavaScript и все станет ясно.
источник

D

David in Техническое SEO
всем привет! #вопрос. скинули файл key collector с семантикой, но у меня файл открывается пустым, хотя он сто процентов не пустой. кто-то сталкивался с такой ситуацией?
источник

М

Максим in Техническое SEO
David
всем привет! #вопрос. скинули файл key collector с семантикой, но у меня файл открывается пустым, хотя он сто процентов не пустой. кто-то сталкивался с такой ситуацией?
Разные версии коллектора?
источник

ЕК

Евгений Калинский in Техническое SEO
Demi Murych
1) Согласно стандарту да. Это разбиватеся на две секции. И тут как раз важен вес заголовка для разрешени конфликтной ситуации - какой секцию делать.

2) Как поступает гугл, сказать может точно только сам гугл. НО, очевидно что если раньше гугл парсил html4 и выделял разделы опираясь на заголовки, то так или иначе он уже создавал логические секции, которые ничем не отличаются от html5 секций. Разве что менее гибкие. А учитывая факт игнорирования веса заголовка, это подвержадется почти на 100%.

По моему личному опыту, из попыток выстраивания связей ровно такиих чтобы получать определнные ключевые фразы, это именно так и есть.
По факту можно статью в WP оборачивать в <article>, а внутри уже не дробить на секции? Внутреннюю структуру статьи строить через Н2-Н3? Гугл поймёт что это всё неявные секции и выстроит правильную иерархию?
источник

D

David in Техническое SEO
Максим
Разные версии коллектора?
сейчас проверим, спасибо
источник

DM

Demi Murych in Техническое SEO
Евгений Калинский
По факту можно статью в WP оборачивать в <article>, а внутри уже не дробить на секции? Внутреннюю структуру статьи строить через Н2-Н3? Гугл поймёт что это всё неявные секции и выстроит правильную иерархию?
Можно и так, если ты помнимаешь тонкости алгоритма преобразования.
При этом ты так же должен понимать, что находишьс я в ситуации когда весь контент который пойдет за полсденим заголовком может оказаться внтури секции этого заголвока.

Но в приципе, решение конечно рабочее
источник

ЕК

Евгений Калинский in Техническое SEO
"весь контент который пойдет за полсденим заголовком может оказаться внтури секции этого заголвока." - точно. Такие тонкости.....
источник

ЕК

Евгений Калинский in Техническое SEO
Короче в частных случаях можно и Н2-Н3 обойтись
источник

DM

Demi Murych in Техническое SEO
Евгений Калинский
Короче в частных случаях можно и Н2-Н3 обойтись
Можно. Стандарт предполагает строгий алгоритм повдения в этом случае. Что в какую секцию попадает.
И даже можно продумать схему чтобы ничего не вывалилоось никуда. То есть общий шаблон сделать таким образом чтобы сама статтья всегда оказывалась изолированной.

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

V

Vital' in Техническое SEO
Структуру документа в HTML5 удобно в инструменте https://www.sitegardien.com/html5viewer/semantichtml5viewer.php смотреть. Кстати у backlinko размечен сайт (на WP)  в HTML5 н/п https://backlinko.com/content-marketing-tips @demimurych как тебе его верстка?
источник

DM

Demi Murych in Техническое SEO
Vital'
Структуру документа в HTML5 удобно в инструменте https://www.sitegardien.com/html5viewer/semantichtml5viewer.php смотреть. Кстати у backlinko размечен сайт (на WP)  в HTML5 н/п https://backlinko.com/content-marketing-tips @demimurych как тебе его верстка?
А вот это уже интересный враинт.
Я вижу тот редкий случай где люди которые это делали, понимали что делают
источник

ЕК

Евгений Калинский in Техническое SEO
Demi Murych
Можно. Стандарт предполагает строгий алгоритм повдения в этом случае. Что в какую секцию попадает.
И даже можно продумать схему чтобы ничего не вывалилоось никуда. То есть общий шаблон сделать таким образом чтобы сама статтья всегда оказывалась изолированной.

Из плюсов - простота, для тех кто привык.
ИЗ минусов - потеря гибкости, и не использование возмжоностей, по выделению важных частей контента.
Я просто делаю сайты только на WP и поэтому на ходу соображаю как проще реализовать секционную вёрстку внутри поста. Если там тупо внутри писать теги <section> то их может "съесть" сам WP при обновлении поста. Да есть уже блочная вёрстка гутенберга, но по-моему она больше для оформления а не семантики. Поэтому открытый вопрос ,как это верстать на WP с наименьшими усилиями. В голову пока приходят шорткоды... Либо что-то кастомное пилить
источник

DM

Demi Murych in Техническое SEO
Vital'
Структуру документа в HTML5 удобно в инструменте https://www.sitegardien.com/html5viewer/semantichtml5viewer.php смотреть. Кстати у backlinko размечен сайт (на WP)  в HTML5 н/п https://backlinko.com/content-marketing-tips @demimurych как тебе его верстка?
Причем люди, которые понимают даже тонкости секционных рутов

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

Вомзожноэто как раз тот случай когда нашли компромис.
источник

DM

Demi Murych in Техническое SEO
Евгений Калинский
Я просто делаю сайты только на WP и поэтому на ходу соображаю как проще реализовать секционную вёрстку внутри поста. Если там тупо внутри писать теги <section> то их может "съесть" сам WP при обновлении поста. Да есть уже блочная вёрстка гутенберга, но по-моему она больше для оформления а не семантики. Поэтому открытый вопрос ,как это верстать на WP с наименьшими усилиями. В голову пока приходят шорткоды... Либо что-то кастомное пилить
Ты гвооришь о ситуации когда статью набирает контент менелжер?
источник

ЕК

Евгений Калинский in Техническое SEO
Да. Т.е. человек далекий от понимания мелочей.
источник

JT

Jack Tolev in Техническое SEO
Есть пример круто сверстанного  по законам  html5 интернет магазина??))
источник