Size: a a a

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

2020 March 11

DM

Demi Murych in Техническое SEO
Евгений Калинский
@demimurych а  возможна ли такая структура <article><p>описание контента</p><header><h1>Заголовок</h1></header></article>
Да конечно. Как и 100 header в одном article.
Но невозможно в случает если между началом секции и заголовком секции находится другая секция или другой заголвок.  
В этом случае вступает правило создания неявных секций. Я лично с самого начало бул против введения этого правила. Но условия были обозначены так, что html5 должен быть обратно совместим с html4. Я и тогда не вполне понимал почему то что пытаются сделать семантически ориентированным должно быть обратно совместимым с тем, что не решает этих задач. НО тем не менее вышло то что вышло. И елси сейчас люди не понимают как пользовтаься самим html5 то правило неявных секций для них вообще предел ужаса.
источник

DM

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

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

DM

Demi Murych in Техническое SEO
Alexandro Духовный
Чего он тут написал? :) я толком от Мурыча ответов так и не получил кроме философских размышлений
ПРимеры конретной верстки для тебя филосовские рассуждения?
источник

DM

Demi Murych in Техническое SEO
Serezha Demidenko
т.е. вы хотите сказать, что это уже устарело?
Это пример _частного_ случая, который синтаксически правильный, но совершенно неправильный с точки зрения того, какой пример привести чтобы показать смысл html5.  Верскта подогнана под шаблонный макет страницы, в результате чего создает у людей ложное ощущение что header это шапка, footer это подвал. Что соврешнно не так. Потому что запросто могут поменяться местами, или иметь подряд 10 headerов
источник

DM

Demi Murych in Техническое SEO
Kleeman
ASIDE
The element can be used for typographical effects like pull quotes or sidebars, for advertising, for groups of nav elements, and for other content that is considered *separate* from the main content of the page
Повторяю.
Асайд служит для того, чтобы выделять контент, который в рамках текущей секции не должен оказывать влияния на контент этой секции.

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

html5 это семантика, задача которой определить ссмылс и влияние того или иного контента друг н а друга, а не разметить блоки.  Все примеры в документации типа: тег small использьуется обычно для обозначения копирайта, это типичная неудачная попытка привести пример из привычного окружения для чиаттеля, чтобы он понял о чем идет речь. Только проблема в том, что человек  вместо того чтобы понять смысл, думает - ага я понял если копирайт занчит надо писать small. Или мои слова о рекламе -  если реклама занчит aside - тоже неправда.

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

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

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

DM

Demi Murych in Техническое SEO
Игорь Гончаренко
спасибо за разъяснение, но мой мозг пока это не переварил. Если я правильно понял (простым языком) html4 это стандартизация постройки страницы, schema к примеру, это дополнительная разметка контента на этой же странице. Что бы дать понять боту что есть что на странице и отобразить эту страницу корректно в выдаче придав ей определенные элементы (рейтинг, цены и тд). И получается теги HTML5 это тоже разметка контента  на странице только она внедряется на базе стандартизации построения страниц, и служит исключительно для лучшего понимания бота что является та или иная часть контента на странице, для корректного ранжирования данной странице в ПС но никаким образом не способствует формированию сниппетов в ПС
html4 не может стандартизировать постройку страницы.  Именно из за невозможности его испольхзования в качестве этого инстурмента, и родилась семнатическая чатсь html5.

HTML5 это то что дает в руки универсальный инстурмент по созданию любой структуры. Это как описывать что такое люди. Или звери.

Микроразмекта это ЧАСТЬ стандарта html5, которая предназанчена для описания конкретных свойств. То есть html разметка это описание группы, микроразметка это описание свойств элемента группы. В рамках микроформатов вы всегда ограничены словарем.
В рамках html вы ничем не ограничены, но никогда не сможете сказать какого цвета глаза у Васи и что его вообще Васей зовут. Но при этом легок обозначите связь между всеми васями на свете.
источник

DM

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

Стандарту уже 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 (в части определения нескольких значений одному термину)

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

Alexandro Духовный in Техническое SEO
Demi Murych
ПРимеры конретной верстки для тебя филосовские рассуждения?
Мурыч, я тебя уже третий или какой раз спрашиваю - давай конкретику.
Даже давал тебе пример сайта который в топе, где все через ж. сделано и верстка в коде.
Вместо этого получил от тебя философскую ересь на тему что-то хотели но не получили.
Народ аналогично у тебя спрашивает, что в коде сделать так что было правильно, а вместо этого получает пару страниц философской балды на тему как важна верстка и как HTML5 крут и HTML4 не крут.
Если уже что-то утверждаешь, так утвеждай по с конкретикой, а то пока что одна вода на тему

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

Alexandro Духовный in Техническое SEO
JustAndrew Andrew
Если они используют реакт для сайтов то они не архитектору а долбоёбы.
100% согласен, я даже предположу как это все проиходило:
Заказик выходит на исполнителей, а исполнители "модная ИТ молодежь" для которой "важно" писать на "модных" фреймфорках.
А самый модный сейчас Реакт, а не потому что он самый класный, а потому что после сдачи очередного говнопроекта на Реакте эти недопрограмисты запишут этот проект себе в портфолио и еще за счет заказчика прокачают свои скилы на Реакте чтоб потом поднять себе зп.
А как же проект? А пофиг на проект - мы свое дело сделали, а то что проект на растет и не двигается, так это не наши проблемы, а заказчика, да и вообще бизнес идея никакая, да и наверное заказчик тупой и не понимает как вести бизнес.
А мы что? А мы крутые програмисты, мы свое дело сделали, мы написали проект. Поддерживать проект? Вы о чем? Найдите програмистов которые будут поддерживать его, а мы идем писать новый проект (который будет мертвым)
источник

DM

Demi Murych in Техническое SEO
Alexandro Духовный
Мурыч, я тебя уже третий или какой раз спрашиваю - давай конкретику.
Даже давал тебе пример сайта который в топе, где все через ж. сделано и верстка в коде.
Вместо этого получил от тебя философскую ересь на тему что-то хотели но не получили.
Народ аналогично у тебя спрашивает, что в коде сделать так что было правильно, а вместо этого получает пару страниц философской балды на тему как важна верстка и как HTML5 крут и HTML4 не крут.
Если уже что-то утверждаешь, так утвеждай по с конкретикой, а то пока что одна вода на тему

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

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

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

DM

Demi Murych in Техническое SEO
Alexandro Духовный
100% согласен, я даже предположу как это все проиходило:
Заказик выходит на исполнителей, а исполнители "модная ИТ молодежь" для которой "важно" писать на "модных" фреймфорках.
А самый модный сейчас Реакт, а не потому что он самый класный, а потому что после сдачи очередного говнопроекта на Реакте эти недопрограмисты запишут этот проект себе в портфолио и еще за счет заказчика прокачают свои скилы на Реакте чтоб потом поднять себе зп.
А как же проект? А пофиг на проект - мы свое дело сделали, а то что проект на растет и не двигается, так это не наши проблемы, а заказчика, да и вообще бизнес идея никакая, да и наверное заказчик тупой и не понимает как вести бизнес.
А мы что? А мы крутые програмисты, мы свое дело сделали, мы написали проект. Поддерживать проект? Вы о чем? Найдите програмистов которые будут поддерживать его, а мы идем писать новый проект (который будет мертвым)
сейчас у прогрессивной молодежи в моде не ракты с наследованием а третий вью с  композитион. Отстал ты батенька. Старость стала настигать тебя.
источник

Alexandro Духовный in Техническое SEO
Demi Murych
сейчас у прогрессивной молодежи в моде не ракты с наследованием а третий вью с  композитион. Отстал ты батенька. Старость стала настигать тебя.
Судя с того что большинство новых проектов сдается на Реакте, то пока Реакт преобладает, а Вью сколько не говорят насколько он новомодный, то догнать Реакт он пока не может.
Поэтому наверное ты скорее подустал и постарел а не я.
источник

DM

Demi Murych in Техническое SEO
Alexandro Духовный
Судя с того что большинство новых проектов сдается на Реакте, то пока Реакт преобладает, а Вью сколько не говорят насколько он новомодный, то догнать Реакт он пока не может.
Поэтому наверное ты скорее подустал и постарел а не я.
да да. миллионы мух которые не ошибаются. моля любимая сказка.
источник

Alexandro Духовный in Техническое SEO
Вопрос мой тебе был конкретен
blogs.systweak.com/10-best-pc-cleaner-software-to-optimize-your-system/
вот по этой странице, никакого проф. ответа я от тебя так и не получил
источник

Alexandro Духовный in Техническое SEO
ну кроме философских понтов старичка на тему

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

DM

Demi Murych in Техническое SEO
Ну ок.
Ты занешь как сохранить единообразие переходов у детерминированого конечного автомата?
источник

DM

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

С

С А Т in Техническое SEO
Добрый день. Вопрос, возможно, неуместный. Не подскажите более менее адекватный хостинг? А то проблемы с сайтом постоянные. Падает и падает. На timeweb сидит. Тех поддержка даже маты не понимает:(
источник

Alexandro Духовный in Техническое SEO
С А Т
Добрый день. Вопрос, возможно, неуместный. Не подскажите более менее адекватный хостинг? А то проблемы с сайтом постоянные. Падает и падает. На timeweb сидит. Тех поддержка даже маты не понимает:(
https://contabo.com/?show=webhosting jn 3 EUR или VPS там же от 4-5 EUR - с головой хватит
источник

С

С А Т in Техническое SEO
спасибо, гляну
источник