Семантическая верстка: Article vs Section. Lets Mortal Combat Begins.

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024
  • Пока 1:0
    Article на последних секундах вырвал очко у Section.
    Сумеет ли Section вернуть свое очко узнаем во втором раунде.

Комментарии • 36

  • @phkarp
    @phkarp Год назад +2

    Спасибо! Доступно, на пальцах. Разложили в моей голове всё по полочкам. Чистый кайф!

  • @EugeneKoshelev
    @EugeneKoshelev 9 месяцев назад +5

    Отличный материал! А это видео, случайно, не должно быть первым в плейлисте?

  • @deniskotov
    @deniskotov 9 месяцев назад +1

    Супер! Офигенно! Спасибо🙏💕

  • @antoha9486
    @antoha9486 8 месяцев назад

    Спасибо автору за труд. Полезно. Слушал с удовольствием.

  • @AlexanderVelikanov
    @AlexanderVelikanov 3 года назад +1

    Спасибо большое. С нетерпением жду продолжение.

  • @denisvolkov4784
    @denisvolkov4784 2 года назад +4

    Слишком мало просмотров для такого материала. По сути просто история языка и официальная спецификация "своими словами", но её почти никто не знает, увы.

  • @koqpe13
    @koqpe13 Год назад +2

    47:28 Тег Section
    1:14:46 Тег Article

  • @WebSEOkz
    @WebSEOkz 3 года назад +4

    Не понял, а куда вложить глаза, если у динозавра может быть много разных голов?
    Если все головы имеют одинаковые глаза, то верна ли будет такая разметка:
    Динозавр
    Голова
    Синяя
    Красная
    Глаза

    Руки
    Свойства

    • @DemiMurych
      @DemiMurych  3 года назад +3

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

  • @ExodusUz
    @ExodusUz 6 месяцев назад

    Спасибо!

  • @Clean-entrance
    @Clean-entrance 3 года назад

    Благодарю!

  • @icecube7551
    @icecube7551 3 года назад

    Супер, спасибо

  • @leshi1628
    @leshi1628 7 месяцев назад

    Вся суть в том, что нужно учится читать и понимать разметку. Изучайте документацию, практикуете, экспериментируйте, валидируйте 😊

  • @Metallik86
    @Metallik86 3 года назад

    Можете скинуть примеры категории и карточки товара интернет магазина с правильной разметкой html5

  • @maxmaximus4225
    @maxmaximus4225 3 года назад +2

    1:43:57 - что нужно знать специалисту, который использует JSON-LD

    • @DemiMurych
      @DemiMurych  3 года назад +1

      Я не очень понял вопрос.
      Предположу что речь идет о использовании микроразметки в синтаксисе JSON LD.
      Если мое предположение верно, то:
      Самое важное для вас, это *чтобы контент размеченный посредством JSON LD имел точную копию в разметке HTML*
      Иными словами, указали в название продукта в JSON-LD, и внутри вашей html страницы где то есть это же указание.
      Все прочие рекомендации идентичны для любого синтаксиса:
      максимальная полнота, чем больше свойств можете разметить - тем лучше.
      чем больше может выделить данных, которые проверяются сторонними источниками - тем лучше. Особенно в ключе разметки авторов материалов, когда это касается контента связанного с EAT. Да и для других это не лишнее.

    • @maxmaximus4225
      @maxmaximus4225 3 года назад

      @@DemiMurych спасибо тебе доброе!

  • @IHORhoncharenko
    @IHORhoncharenko 3 года назад

    Спасибо

  • @user-yo4yh7nx1w
    @user-yo4yh7nx1w 3 года назад +1

    Добрый день.
    В очередной раз посмотрел ваше видео про семантическую верстку и все равно не смог составить идеал у себя в голове.
    На примере динозавтра
    Динозавр
    Голова
    Руки
    Пагинация
    Полезная информация про динозавтра
    Является ли логичной данная структура. А именно то, что полезная информация являетя неотъемлимой частью описания динозавтра.
    И есть ли, по вашему мнению идеальный сайт с семантической версткой html5 для интернет-магазина? Хотелось бы увидеть разбор такого сайта у вас на канале.
    Прошу прощения, что в лс, но посчитал, что на видео может уже не заметите вопрос. Продублирую и там, может кому поможет.

    • @yyaahooyy
      @yyaahooyy 9 месяцев назад

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

    • @yyaahooyy
      @yyaahooyy 9 месяцев назад

      не более чем шарлатанство с трюками

  • @toninlosin
    @toninlosin 3 года назад

    верно я понимаю, что через , внутри , можно описать такое свойство динозавра, как "мальчик/девочка"?

    • @DemiMurych
      @DemiMurych  3 года назад +4

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

  • @glukon1025
    @glukon1025 3 года назад

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

    • @DemiMurych
      @DemiMurych  3 года назад

      Не очень понял вопроса. Дайте какой нибудь пример и тыкните меня носом в блок о котором вы спрашиваете.

    • @glukon1025
      @glukon1025 3 года назад

      @@DemiMurych Я имел ввиду фильтры в каталоге,
      например в категории велосипеды это фильтры:
      цвет(и соответственно свойства: красный, синий, желтый),
      ростовка(L, M S),
      бренд/модель(Урал, Турист, ХВЗ, Кама)
      стоит ли тут использовать section и article
      или использовать нейтральные div / span ?

    • @DemiMurych
      @DemiMurych  3 года назад +3

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

  • @kreamozg
    @kreamozg 3 года назад +1

    А с Яндексом то как быть?

    • @DemiMurych
      @DemiMurych  3 года назад +6

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

  • @juliashvatskaya4957
    @juliashvatskaya4957 3 года назад

    Покажите, пожалуйста, сниппеты в виде ссылок на скриншоты

    • @DemiMurych
      @DemiMurych  3 года назад

      Не понял вопроса. Расшифруйте.

    • @ivanv888
      @ivanv888 3 года назад

      @@DemiMurych 1:47:37 на этом моменте вы говорите о примере расширенных сниппетов с помощью микроразметки

  • @yyaahooyy
    @yyaahooyy 9 месяцев назад

    Я так и не понял, просмотрел видео про семантику и везде пурга без конкретики. Что гугл имеет то и другое, вася человек, а хедер, не то что вы думаете. Да мне плевать ну гугл, ну если там ящеры сидят, которые сами не следуют и не понимают, что делают, то зачем мне им уподобляться? Где примеры и ссылки на примеры, что гугл имеет ввиду? Это какая то голословная херня. Сами ребята из w3org не могут сделать семантический сайт, а я сделал. Я сделал сайт где header это header и.т.д. ну норм он ранжируется. Гугл плевал вообще на поиск, я ему задаю конкретные вопросы, он мне предлагает просто стандартные популярные сайты. А где есть ответы, которые я ищу он не видит. И дело вовсе не в семантики, а самой кривизне гугла, им плевать на пользователя, как по мне.

    • @dondragon6949
      @dondragon6949 8 месяцев назад

      olegburyy
      переведи значения слов...
      яснее станет)

    • @yyaahooyy
      @yyaahooyy 8 месяцев назад

      @@dondragon6949 гугл не следует тому, что сам рекомендует. Это если бы я учил вас похудению, а весил 200 кг.

  • @lexlork
    @lexlork 3 года назад

    Спасибо!