Телеграмм чат группы tech_seo страница 1440

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

1773 membersпожаловаться на группу

2020 March 09

DA

Dmitriy Alexandrovich in Техническое SEO

Я начисто лишен фантазии. Нужны кортеные примеры.

дык я скинул пример
"Лучший wifi роутер"
цель запроса: определиться с покупкой роутера

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

Семантически структура такая:

1. Лучший wifi-роутер 2020
  2. вступление/введение/маркетинговый крючок
  2. Сравнение лучших роутеров на рынке
  2. Подробные обзоры каждой модели
     2.1 Модель 1
         2.1.1 характеристики
         2.1.2 Описание
         2.1.3 Плюсы/Минусы
         2.1.4 Кнопка
     2.1 Модель 2
     2.1 Модель N
  3. Руководоство по выбору (На что обратить внимание)
  4. FAQ
  5. Выводы

Вопрос: как разметить вот такую глубокую структуру?
В предыдущем хтмле использовались несколько уровней заголовков + абзацы. Как тут быть?

источник

12:38пожаловаться #1

DA

Dmitriy Alexandrovich in Техническое SEO

title - 
  article
    table
    section
       header
       paragraph
    section
        header
        paragraph
        article 1
        article N
    section

Примерно так?

источник

12:46пожаловаться #2

DA

Dmitriy Alexandrovich in Техническое SEO

или что-то хитрее?

источник

12:46пожаловаться #3

DA

Dmitriy Alexandrovich in Техническое SEO

что использовать, кнопки или ссылки?

источник

12:46пожаловаться #4

DA

Dmitriy Alexandrovich in Техническое SEO

и главное - насколько эта вся работа повлияет в лучшую сторону от простой h1-h6 структуры?

источник

12:47пожаловаться #5

DM

Demi Murych in Техническое SEO

Dmitriy Alexandrovich

дык я скинул пример
"Лучший wifi роутер"
цель запроса: определиться с покупкой роутера

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

Семантически структура такая:

1. Лучший wifi-роутер 2020
  2. вступление/введение/маркетинговый крючок
  2. Сравнение лучших роутеров на рынке
  2. Подробные обзоры каждой модели
     2.1 Модель 1
         2.1.1 характеристики
         2.1.2 Описание
         2.1.3 Плюсы/Минусы
         2.1.4 Кнопка
     2.1 Модель 2
     2.1 Модель N
  3. Руководоство по выбору (На что обратить внимание)
  4. FAQ
  5. Выводы

Вопрос: как разметить вот такую глубокую структуру?
В предыдущем хтмле использовались несколько уровней заголовков + абзацы. Как тут быть?

в html5 все намного проще с точки зрения построения связей. Чем в html4.

Делается это не за счет заголовков. А засчет вложенности секций.

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

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

дургая имеет комментарии.

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

<body>
<h1>Лучший wifi 2020</h1>
<article>
<h1>Модель 1</h1>
<p>Текст какая модель хороашя</p>
<section>
<h1>Характеристики модели 1</h1>

<section>
<h1>Цвет</h1>
<p>Ахуенен</p>
[...]

</section>
<section>
<h1>размер</h1>
<p>прекрасен</p>
</section>
</section>
</article>
<article>
<h1>Модель 2</h1>
<p>Текст какая модель хороашя, потому что вторая</p>
<section>
<h1>Комментарии про Модель 2</h1>
<article>
<footer>Комментария от васи</footer>
<p>я внее влюблен в эту модель</p>
</article>
<article>
<footer>Комментария от пети</footer>
<p>Ей нужны батарейки</p>
<article>
<footer>Комментария от админа</footer>
<p>Батарейки можно купить в ларьке.</p>
</article>
</article>
</section>
</article>
</body>

источник

12:54пожаловаться #6

DA

Dmitriy Alexandrovich in Техническое SEO

в html5 все намного проще с точки зрения построения связей. Чем в html4.

Делается это не за счет заголовков. А засчет вложенности секций.

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

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

дургая имеет комментарии.

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

<body>
<h1>Лучший wifi 2020</h1>
<article>
<h1>Модель 1</h1>
<p>Текст какая модель хороашя</p>
<section>
<h1>Характеристики модели 1</h1>

<section>
<h1>Цвет</h1>
<p>Ахуенен</p>
[...]

</section>
<section>
<h1>размер</h1>
<p>прекрасен</p>
</section>
</section>
</article>
<article>
<h1>Модель 2</h1>
<p>Текст какая модель хороашя, потому что вторая</p>
<section>
<h1>Комментарии про Модель 2</h1>
<article>
<footer>Комментария от васи</footer>
<p>я внее влюблен в эту модель</p>
</article>
<article>
<footer>Комментария от пети</footer>
<p>Ей нужны батарейки</p>
<article>
<footer>Комментария от админа</footer>
<p>Батарейки можно купить в ларьке.</p>
</article>
</article>
</section>
</article>
</body>

норм, спасибо

Примерно так и думал)

источник

12:56пожаловаться #7

DA

Dmitriy Alexandrovich in Техническое SEO

Почему комментарии в футере?))

источник

12:57пожаловаться #8

DM

Demi Murych in Техническое SEO

Dmitriy Alexandrovich

и главное - насколько эта вся работа повлияет в лучшую сторону от простой h1-h6 структуры?

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

источник

12:57пожаловаться #9

DM

Demi Murych in Техническое SEO

Dmitriy Alexandrovich

Почему комментарии в футере?))

Где ты видишь комментриии в футере?
В футере коретной секции имя автора комментария

источник

12:57пожаловаться #10

DA

Dmitriy Alexandrovich in Техническое SEO

Где ты видишь комментриии в футере?
В футере коретной секции имя автора комментария

ок, почему так?)

я думал туда нужно какую-то мета информацию вставлять, а не контент

источник

12:58пожаловаться #11

DM

Demi Murych in Техническое SEO

Dmitriy Alexandrovich

ок, почему так?)

я думал туда нужно какую-то мета информацию вставлять, а не контент

туда это куда?

источник

12:58пожаловаться #12

DA

Dmitriy Alexandrovich in Техническое SEO

туда это куда?

да в футер же
это разве заголовок, а не секция?

источник

12:58пожаловаться #13

DM

Demi Murych in Техническое SEO

елси ты о теге <footer> то его название совпадает с словом футер по историческим рпичинам.

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

Иными словами, авторство комментария не влияет на сам комментарий. От того что комментарий написал вася или петя ничего не меняется. А вот сам комментарий. Это самая важная чатсь.

Потмоум из нее мы выдлеяем ненунжное имя, но сохзраняем связь с ним через fotter

источник

13:01пожаловаться #14

s

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

🚀Изучи арбитраж трафика — без рисков! Освой способ удалённого заработка на партнёрских программах прямо сейчас и бесплатно😱

🔥Мы с командой CPA.RU и CPM.MONEY предлагаем вам пройти обучение по заработку на партнёрских программах — абсолютно бесплатно, без дополнительных модулей, приватных чатов и последующих платных дополнений!

Простые, доступные и понятные уроки — подойдут даже тем, кто ВООБЩЕ не разбирается в данном направлении и хочет начать с нуля.

Примеры уроков:

📝Льём трафик с прероллов на пуши
📝Оптимизация кликандер трафика
📝Ответы на вопросы учеников
📝Как увеличить профит подписок
📝Как лить траф на CBD офферы
📝Как получать бесплатный трафик
📝Арбитраж Worldwide офферов

🔥Подпишись на канал и не пропускай новые уроки — https://t.me/joinchat/AAAAAFPghvthZXTgrD2WIQ

источник

13:02пожаловаться #15

SS

Slava Soft in Техническое SEO

елси ты о теге <footer> то его название совпадает с словом футер по историческим рпичинам.

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

Иными словами, авторство комментария не влияет на сам комментарий. От того что комментарий написал вася или петя ничего не меняется. А вот сам комментарий. Это самая важная чатсь.

Потмоум из нее мы выдлеяем ненунжное имя, но сохзраняем связь с ним через fotter

но с таким же успехом, можно его в <header>

источник

13:05пожаловаться #16

DM

Demi Murych in Техническое SEO

но с таким же успехом, можно его в <header>

Зависит от смысла.
В header попадает тот контент, который прямо зависит от основоого.

То есть, елси нам важно показать, что вася, котоырй написал этот коммменарий, важная часть связанная с коментарием то это header

Проще понять на примере новостей.
Автор новости - это футер. Потому что нам губоко пофигу кто новость написал.

Автор блог поста, это возмжоно header потому что блог пост, это личное мнение автора. Он напрямую с ним связан.

Это то о чемя говорил. Когда нужно понмать цели и задачи контента. Чтобы правильно выстраивать свзяи.

источник

13:07пожаловаться #17

A

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

Кароче, всем читать спецификацию:
The footer element represents a footer for its nearest ancestor sectioning content or sectioning root element. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.

источник

13:20пожаловаться #18

A

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

https://html.spec.whatwg.org/multipage/sections.html#the-footer-element

источник

13:20пожаловаться #19

LL

Leonid Leonidov in Техническое SEO

тут в чате клёвый инструмент скидывали проверять структуру страницы по html5
https://gsnedders.html5.org/outliner/

источник

13:21пожаловаться #20