{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Использовать "},{"type":"text","marks":[{"type":"bold"}],"text":"правильные HTML-теги"},{"type":"text","text":" (семантические) вместо "},{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","text":" и "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" важно потому, что HTML — это не просто способ “поставить блоки на экран”, а "},{"type":"text","marks":[{"type":"bold"}],"text":"язык, описывающий смысл и структуру контента"},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Когда разработчик заменяет смысловые элементы на “пустые контейнеры” вроде "},{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","text":" и "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":", он "},{"type":"text","marks":[{"type":"italic"}],"text":"ломает семантику"},{"type":"text","text":" страницы — и это напрямую влияет на доступность, SEO и поведение интерфейса."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 1. Семантические теги дают браузеру и скринридеру "},{"type":"text","marks":[{"type":"bold"}],"text":"контекст"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Экранные читалки не “видят” визуальный дизайн — они читают структуру HTML."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"❌ Плохо:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"

Добавить

\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 2. Семантика — это “карта сайта” для поисковых систем"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Поисковики (Google, Яндекс и др.) анализируют теги, чтобы понять, "},{"type":"text","marks":[{"type":"italic"}],"text":"что важно на странице"},{"type":"text","text":":"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","text":" — основной заголовок,"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":" — отдельная статья,"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":" — смысловой раздел,"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":" — нижний блок с дополнительной информацией."}]}]}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Если вместо них используется "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":", поисковик "},{"type":"text","marks":[{"type":"bold"}],"text":"теряет понимание структуры"},{"type":"text","text":", и страница получает хужее SEO-ранжирование."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 3. Правильные теги обеспечивают "},{"type":"text","marks":[{"type":"bold"}],"text":"встроенную доступность и поведение"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"HTML-элементы уже имеют встроенные функции:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"

Почему важно использовать правильные HTML-теги вместо <div> / <span>?

Комментарии