Что вы должны помнить, так это то, что SEO иногда может пойти на компромисс с удобством для пользователя - или, скорее, готовность людей прыгнуть через обручи, чтобы повысить свой рейтинг, приводит к компромиссу. В вашем примере пользователь просто хочет знать, о чем эта страница (то есть «скучные» слова, которые вы упомянули), но для оптимизации под поисковые системы вы должны втиснуть несколько ключевых слов, которые могут затруднить работу пользователя.
По моему мнению, всегда будьте прагматичны в этих вещах и балансируйте и то, и другое, вместо того, чтобы успокаивать поисковые системы в ущерб вашим пользователям (или наоборот). Если вы пишете чистый, семантический HTML-код, вы, вероятно, в любом случае будете решать эти противоречивые проблемы почти одинаково.
Теперь на ваши конкретные вопросы ...
Ваш H1 в идеале должен всегда описывать содержимое страницы. Это его целевое назначение и лучшее эмпирическое правило в таких ситуациях. Если он не описывает вашу страницу, значит, вы делаете что-то не так ;-)
Это приводит к более широкому вопросу о заголовках в целом, который, я думаю, многие пропускают - заголовки определяют структуру вашего документа . Кажется очевидным, когда ты это говоришь, не так ли? Но подумайте об этом немного подробнее ... структура вашего документа будет определять, как содержимое логически группируется в секции на вашей странице. Таким образом, правильная структуризация документа с помощью правильного вложения заголовков - это то, как вы гарантируете, что Google может легко собирать информацию с вашей страницы и правильно связывать заголовки с контентом - таким образом, определяя тему (или суть) страницы. Здесь помогает думать о боте Google как о человеке, который управляет программой чтения с экрана (странная мысль!), Пытаясь понять вашу страницу как обычный текст.
Кажется, я немного отклоняюсь здесь, но уверяю вас, я веду к вашему второму квестону ;-)
Теория, лежащая в основе этой группировки контента, сводится к тому, что известно как алгоритм набросков документа . Как упоминалось выше, содержимое на странице сгруппировано по разделам, подразделам, подразделам и т. Д. В HTML 4.x и XHTML 1.x эти разделы создаются неявно, и их создание основывается исключительно на заголовках - каждый раз, когда вы добавляете заголовок на страницу, вы создаете новый (под) раздел информации. H1 является корневым разделом страницы, и все заголовки ниже, так сказать. Вот почему заголовки должны быть правильно вложены.
Если вы сейчас думаете: «Все эти разговоры о разделах; как насчет тега HTML 5 section?», То я хотел бы поблагодарить вас за очень внимательное отношение! В HTML 5 тег section, как и теги заголовков, способен создавать новые разделы контента, но здесь мы делаем это явно, в отличие от неявных разделов, создаваемых заголовками. Стоит отметить, что тег article также явно создает новые разделы. Все это должно иметь смысл, если учесть, как эти теги предназначены для семантического использования.
Из этого вытекает идея (и ответ на ваш второй вопрос), что мы можем иметь несколько H1 тегов на странице - , если они находятся в отдельных / отдельных разделах, которые были явно сформированы использование article или section тегов .
Отличное описание алгоритма контура документа можно найти в smashing magazine , а отличным инструментом для проверки контура вашей страницы является панель инструментов веб-разработчика для Firefox. На панели инструментов щелкните информацию, и в раскрывающемся списке должна быть схема документа (точную формулировку я не помню, но она должна быть близка к этому)
Надеюсь, это поможет, это превратилось в эссе!