Что такое теги h1 h5. Тег H1, использование в продвижении

Что означает h1-h6?

Начать в любом случае нужно с теории, потому что без этого невозможно двигаться дальше. Итак, это html-теги, в которые помещают текст, который должен стать заголовком. H1 – это главный заголовок страницы, он должен быть единственным, h2 – подзаголовок статьи или раздела главы (если речь идет о книге), h3 – заголовок в разделе и т.д.

В сайтостроении, как правило, чаще всего используются h1-h3, последние три тега используются крайне редко, так как нет необходимости в разбивке текста на такие мелкие части, если только речь не идет об огромной по объему текстовой публикации.

По умолчанию заголовки уже имеют некоторое стилевое оформление. Например, буквы в заголовках выделены жирным шрифтом, а их размер в 1,5 – 3 раза больше обыкновенного текста на странице.

Основные правила работы с заголовками

Сколько h1 может быть на сайте? Сколько угодно, ведь интернет-ресурс может состоять из множества страниц. Тут гораздо важнее придерживаться другого правила – на каждой отдельной странице вашего сайта должен быть ОДИН h1. Все потому, что это главный заголовок, а главным всегда должен быть один.

Но что будет, если проигнорировать это правило? Как показывает реальная практика, ничего катастрофического, вероятно, не случится. Я бы не писал об этом, но мне известно несколько случаев, когда у веб-мастеров было несколько h1 на странице, при этом все их статьи сохраняли свои позиции в поисковых системах.

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

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

Очевидно, что h1 должен быть в самом начале статьи. Это не то же самое, что мета-тег title. Title виден при поисковой выдаче и в названии вкладки браузера, а h1 – непосредственно на странице. Остальных заголовков (h2-h6) может быть сколько угодно, в любом количестве.

Как проверить наличие h1 на странице?

Теперь мы переходим к самому главному. Как же определить, нормально ли у вас все на сайте с заголовком? Есть как минимум несколько вариантов, как вы это можете сделать.

Во-первых, открыть исходный код и произвести в нем поиск. Исходный код открывается с помощью комбинации клавиш Ctrl + U. Далее вам понадобится комбинация Ctrl + F, чтобы открыть поиск. Введите в нем название нужного тега, а именно – h1.

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

Во-вторых, вы можете воспользоваться каким-нибудь сервисом, который анализирует сайт на показатели его поисковой оптимизации и выдает отчет. Таких сервисов очень много, я приведу лишь некоторые: pr-cy.ru, audit.megaindex.ru/

В сервисе “Мегаиндекс” есть возможность проверить релевантность страницы, то есть то, насколько она оптимизирована под определенную ключевую фразу. Введите адрес одной из страниц вашего сайта и основную ключевую фразу. В случае проверки лишь h1 эта ключевая фраза может быть любой.

Как видите, проверка показала, что на странице всего 1 h1 – это хорошо. Если бы было больше, проверка бы обязательно это определила. Как видите, это важный фактор, хотя и не критический. Его несоблюдение не приведет к чему-то катастрофическому, но при поисковой оптимизации подобные проблемы должны быть убраны в первую очередь.

Если проблема найдена, как ее решать?

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

Например, в WordPress вам нужно будет редактировать файлы page.php (шаблон страницы) и single.php (шаблон записи). Также полезно будет просмотреть файлы index.php (главная страница) и archive.php (архивы по дате и автору), а иногда в темах есть еще category.php (записи отдельной рубрики).

Ну, допустим, нашли и открыли вы нужный файл, что делать дальше? Дальше воспользуйтесь все тем же поиском (Ctrl + F). Вновь введите туда название тега. Если кода в файле немного, то вы и сами можете просмотреть его и найти нужные строчки. Тут ваши действия зависят от того, что именно нужно исправить.

Например, в одном шаблоне название поста выводилось в h2. Возможно, его разработчик не разбирается в SEO, поэтому и допустил такую ошибку. Но это легко исправляется. Редактируем single.php и меняем в нем h2 на h1. Это можно сделать как вручную, так и с помощью функции автоматической замены.

Возможно, так же понадобится редактирование боковой колонки (sidebar.php). Собственно, лишние h1 могут быть где угодно: в заголовках виджетов, в меню и даже в футере (footer.php). Все это нужно найти и убрать.

Ну а что делать, если в самой статье несколько h1? Тогда проблема решается еще легче – редактированием самой статьи. Уберите все лишние h1, оставив только один главный верхний заголовок.

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

Что ж, теперь вы знаете, как проверить заголовок h1 на странице и правильно настроить шаблон. Конечно, это всего лишь одна из множества настроек, которые помогут вам раскрутить и монетизировать сайт. Намного больше информации вы можете найти, если изучите и его выводе на доход от 20 тысяч рублей в месяц в самое кратчайшее время. Успехов вам во всем и хороших позиций в поиске!

SEO разметка текста.. или семантическая верстка сайта.

Семантическая верстка сайта - за этим страшным определением скрывается одна простая истина: сайт должен быть не просто сверстан, а свёрстан логично! Так что можно сказать примерно так: семантическая верстка это - логичная верстка.

Для того что бы Вам было понятнее о чем идёт речь приведу несколько примеров где логика отсутствует..

Итак, плохие примеры:

  • Использование заголовков

    -

    лишь с той целью чтобы увеличить или уменьшить размер буковок..
  • Неуместное использование тегов логического форматирования , например, вместо текста
    г. Самара
     просто какой то текст, который никоем образом к адресу не относится.. например:
    Установка окон
    .
  • Использование тегов для формирования списков
      1. для простой декорации текста или например для создания отступов в тексте.. и наоборот формирование некого списка, перечня например того же меню сайта с помощью других тегов.
      2. И даже использование таблицы в качестве каркаса сайта (табличная вёрстка) вместо того чтобы использовать таблицу по её прямому назначению, а именно для вывода данных в табличной форме.. расписания движения электричек например.. это тоже НЕ семантическая верстка сайта.

    Много всяких примеров приводить можно.. суть же одна: семантическая верстка - эта верстка, при которой каждый тег на странице работает по своему прямому назначению и никак иначе.

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

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

    Многие начинающие веб-мастера думают, что заголовки

    -
    это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги

    -

    во-первых выделяют именно заголовки в тексте, а во вторых выделяют их по степени "важности" например заголовок

    Как создать сайт?

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

    .

    Однако не стоит хвататься переделывать все заголовки на Вашем сайте с

    ,

    ..

    в

    ни к чему хорошему в плане оптимизации это не приведёт! В идеале на странице должен присутствовать всего один заголовок первого уровня который как бы содержит в себе два-три заголовка второго уровня в которых в свою очередь "вложены" заголовки рангом поменьше и так далее.. структура документа должна иметь примерно такой вид:

    То есть заголовки должны быть, как бы вложены друг в друга по степени важности и иметь древовидный вид. Сам же текст желательно разбить на параграфы с помощью тега

    - где текст каждого абзаца несет в себе одну логическую часть текста.

    Такая разметка текста легко "усваивается" поисковыми системами и другими программами работающими с HTML документами, например, позволяет выхватить один из параграфов для описания сайта в результатах поиска, не ломая голову где начинается и где заканчивается определённая логическая часть текста или учитывая уровни заголовка автоматически составить содержание документа.

    Так как текст в заголовках

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

    Заголовочные теги

    ...

    должны быть на каждой странице сайта. Важность каждого заголовка зависит от цифры:

    - самые важные заголовочные теги

    - менее значимые чем первый ...
    - последние по важности

    К этим тегам нужно относится с осторожностью, поскольку они оказывают больше влияние на ранжирование сайта . При грамотном использовании тегов

    ...

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

    Синтаксис тегов

    ..

    Название статьи

    Подзаголовок1

    ...

    Подзаголовок2

    Подзаголовок3_1

    ...

    Подзаголовок3_N

    Подзаголовок3

    и т.д.

    Каждый заголовок по умолчанию имеет разный размер. Например, код

    Заголовок h1

    Заголовок h2

    Заголовок h3

    Заголовок h4

    Заголовок h5
    Заголовок h6

    На странице превращается в следующее:

    Значимость тегов

    ..

    По весу и значимости в продвижение сайтов заголовочные теги h1-h6 находятся на втором месте после тега . Во многом правила составления тайтла схожи с h1.</p> <h2>Правила использования тега <h1></h2> <ul><li>Тег <h1> должен присутствовать в одном экземпляре на каждой странице сайта. Это правило должно не вызывать никаких вопросов, ведь у каждой страницы сайта должно быть только одно название. А если названия вообще нет, то тогда вообще зачем нужна такая страница?</li> <li>Заголовок <h1> должен быть где-то вверху html-кода страницы</li> <li><h1> должен быть уникальным в пределах сайта, т.е. не должно быть так, что некоторые страницы называются одинаково</li> <li>Заголовок должен отражать суть статьи, не быть очень длинным</li> <li>Не должен содержать какие-то еще элементы кроме названия страницы (т.е. нельзя использовать внутри h1 ссылки, элементы span, font, картинки и т.п.)</li> <li>Плохо использовать заголовки не по назначению. Например, часто в шаблонах теги h3 используются для заголовков "Теги", "Комментарии" в сайдбарах. Это не правильно. Заголовочные теги должны использоваться в статье, чтобы правильно структурировать контент и помочь, как поисковым систем, так и обычным пользователям разобраться быстро в статье.</li> <li>Желательно использовать заголовки без параметров class и id</li> <li>Важно соблюдать иерархию заголовочных тегов. На этом моменте нужно остановиться более подробно.</li> </ul><h2>Важность иерархии <h1>..<h6></h2> <p>В html коде страницы первым должен быть тег <h1> . Нельзя сначала делать заголовок <h2> , потом <h1> . Аналогично и с другими номерами тегов. Вот правильное использование тегов:</p> <blockquote><h1 >Название статьи </h1 > ... <h2 ></h2 > <h3 ></h3 > <h4 ></h4 > ... <h4 ></h4 > <h3 ></h3 > ... <h3 ></h3 > <h2 ></h2 > ... <h2 ></h2 > <h3 ></h3 > </blockquote> <p>Т.е. каждый более низкий тег всегда располагается во вложении более высокого. Это и есть правильная иерархия. При этом не допускаются резкие переходы с <h1> на <h4> , с <h2> на <h5> и т.п.</p> <p>Помимо такой иерархии нужно еще соблюдать и иерархию в плане размеров шрифтов. Т.е. более важные заголовки должны иметь более большой шрифт. Хотя подтверждающих фактов тому, что поисковые системы анализируют стили, которые находятся в.css файлах пока никто не объявлял, но негласно есть такое правило среди вебмастеров и оптимизаторов.</p> <p><b>Может ли заголовок <h1> и <title> совпадать? </b> <br>На этот вопрос сейчас разгораются споры. С одной стороны логично, чтобы <title> и <h1> совпадали. Но с другой стороны это как бы дублирование название страницы. Вообще чаще всего заголовки будут разными, поскольку в <h1> вряд ли можно и имеет смысл писать слова "Купить, цена, фото", а в тайтле такие слова наоборот используются. Отвечая на вопрос - делайте так, чтобы было все понятно пользователю и смотрелось естественно.</p> <p><b>Сколько может быть заголовков <h2>, <h3>? </b> <br>Заголовочных тегов <h2> -<h6> может быть несколько на странице, все зависит от размера контента. Количество контента на один заголовок должно быть адекватным. Другими словами не должно быть так, что после заголовка <h2> идет 5 предложений, потом опять <h2> и опять маленький абзац. В таких случаях скорее всего лучше вообще не использовать заголовочные теги.</p> <p>Не стоит путать заголовочные теги <head> и h1-h6. Одни нужны для поискового робота, другие для поискового робота и пользователей.</p> <p> » Использование заголовков H1-H6</p> <h1>Использование заголовков H1-H6</h1> <p>В данной статье мы постараемся объяснить что такое теги h1-h6 и как их правильно использовать с учётом продвижения сайта. Так как правильное использование заголовков поможет вам быстро и без особых усилий выйти на более высокие позиции в поисковых системах. Заголовки H1-H6 являются самыми важными тегами акцентирования и на ряду с мета-тегами title обладают огромным значением для правильной seo оптимизации сайта. Без этой важной связки вывести страницу в топ, в конкурентной тематике просто невозможно. <br>Приведем с начало некоторые правила составление заголовков в порядке их значимости:</p><ul><li>Используйте ключевые слова в заголовках</li> <li>Спам запрещён в заголовках любого уровня</li> <li>Тег H1 должен использоваться только один раз</li> <li>Ключи из заголовка должны реально присутствовать на странице</li> <li>Заголовок первого уровня должен быть как можно выше в коде страницы</li> <li>Указывайте важные ключевые фразы как можно ближе к началу заголовка</li> <li>Заголовки должны быть информативными и при этом не очень длинными</li> <li>Ключевые фразы в подзаголовках старайтесь составлять с учетом морфологии и синонимов</li> <li>В первом предложении после заголовка должен использоваться ключ из него</li> </ul> Ну давайте разберем подробнее как использовать эти теги и дадим вам несколько советов по их составлению. <h2>Использование заголовков на странице</h2> <p>Теги H1-H6 предназначены для выделения заголовков страниц сайта и их можно сравнить с заголовкам книг. Все теги заголовков парные, как в принципе практически все другие используемые в html и если вы захотите выделить ими какую то фразу, то она должна быть заключена между этими тегами. Например так: <h1>ваша ключевая фраза между тегами</h1>, данная конструкция предназначена для выделения главного заголовка на странице, все последующие должны использоваться аналогично с учётом убывания.</p> <p>Наиболее значимым для seo является тег H1 и служит он для главного заголовка страницы. Это может быть название статьи, новости или имя товара, словом текст заключенный в H1 играет важнейшую роль и между этим тегом обязательно должна находится ключевая фраза, которая должна иметь наибольший вес на странице. Стоит заметить что заголовок H1 должен использоваться только один раз и содержать главные и самые значимые ключевые слова под которые вы и планируете продвигать эту страницу. Правила написания заголовков практически идентичны рекомендациям составления мета заголовка Title, советуем ознакомится с ними если это вы ещё не сделали.</p> <p>Ещё одна важная рекомендация, мета тег title и заголовок первого уровня не должны быть идентичными и слишком длинными, не стоит перечислять там список нужных вам ключей, 3-5 слов будет вполне достаточно. В противном случае ключевые слова в заголовке получатся размыты и не будут иметь максимального веса, или еще хуже принятые поисковой системой за спам. Если поисковая система заподозрит что вы хотите её обмануть, то данная страница с высокой долей вероятности будет понижена в выдаче. Будьте предельно внимательны и не торопитесь при составлении заголовков, как говорилось выше они одни из важных факторов ранжирования.</p> <p>В отличии от заголовка первого уровня другие (H2-H6) могут употребятся несколько раз на странице, но как вы уже догадались вес они имеют в порядке убывания. Эти теги используются для подзаголовков и в них также рекомендуется заключать значимые ключевые фразы в так сказать разбавленном или в уточняющем виде. Используйте в них синонимы вписывайте свой ключ с учётом морфологии, но не делайте их слишком похожими с заголовком H1. Используемые слова и фразы обязательно должны присутствовать на странице помимо заголовков и идти в логическом порядке, причем первое предложение после заголовка желательно должно максимально ему соответствовать.</p> <p>Никогда не стоит делать заголовков такого плана: "Добро пожаловать на страничку..." и им подобных. Это не принесет странице ни чего хорошего и отнимет у нее львиную долю веса. Любой заголовок на вашей странице должен быть предназначен не только для посетителей сайта, но и для поисковых систем. Заголовки на странице должны быть не только информативными, но и не слишком длинными, при составлении заголовков необходимо найти золотую середину. Яндексу и Google необходимо понять о чем идет речь на странице, вставляйте в теги H1-H6 ключевые слова, но без фанатизма иначе можно сделать только хуже.</p> <p>Стоит отметить что теги заголовков H1-H6 должны идти строго в порядке убывания на странице. Именно на странице а не в тексте, так как часто бывают случаи, когда например в бесплатных шаблонах это далеко не так и это также снижает вес желаемых ключевых слов. Бытует мнение что заголовки ниже H3 не имеют ни какого значения для поисковых систем и это конечно может оказаться правдой, но мы всё же рекомендуем использовать их для разметки текстового содержания, а не заголовков и блоков других элементов сайта. Для этого есть огромное количество других html-тегов.</p> <h2>Частые ошибки при использовании тегов заголовков</h2> <p>Некоторые CMS, а вернее бесплатные шаблоны для них, часто грешат тем что прописывают теги H1 не там где ему место быть с учетом правильной внутренней оптимизации. Или выделяют тегами H3 заголовки блоков и других элементов сайта, это в корне не правильно для этого в HTML существуют альтернативные теги.</p> <p>Еще одна распространенная ошибка, которая присутствует в некоторых шаблонах, это ошибки верстки по отношению к seo и не следование стандарту W3C. Довольно часто можно встретить что на некоторых сайтах в теги H заключают ссылки, изображения, логотипы в шапке сайта и т.д. Что плохо отражается на всём сайте в целом.</p> <p>Ну последняя наиболее часто встречающаяся ошибка это то что, при использовании визуальных редакторов в админке, владельцы сайтов частенько оставляют в тексте не желая того пустые заголовки, не закрывают эти теги, что может сбить с толку ботов поисковой системы и такие страницы обязательно будут понижены в выдаче.</p> <p>Мы привели 3 наиболее частые ошибки при использовании заголовков, конечно есть и другие, но они встречаются не на столько часто и поэтому были пропущены. Обязательно проверьте свои страницы на сайте на наличие данных ошибок и обязательно устраните их и тем самым ваш сайт будет более привлекательным для поисковых систем.</p> <p><b>Тег H1 или заголовок H1 </b> — это заголовок первого уровня и он имеет наибольшее значение и важность среди всех заголовков. <b>Тег H1 </b> должен применяться на странице один раз, располагаться выше всех других заголовков и иметь самый большой размер шрифта.</p> <p>Всего тегов заголовков существует шесть. Это h1, h2, h3, h4, h5 , h6. Эти теги применяются для форматирования текста на странице. H1 самый весомый среди них как для посетителе, так и для поисковиков.</p> <p>Приветствую Вас на страницах . В этой статье поделюсь с Вами некоторыми моментами при использовании заголовка H1 на страницах блога под управлением CMS WordPress.</p> <h2>Тег H1 — значение для продвижения</h2> <p><img src='https://i2.wp.com/inetmkt.ru/wp-content/uploads/2012/03/tegi-h.jpg' align="left" height="150" width="150" loading=lazy>Поисковые системы используют слова и фразы, применяемые в этом теге, для определения релевантности страниц поисковому запросу. Этот тег является одним из наиболее значимых элементов релевантности. При оптимизации текста страницы важнее тега H1 поисковые системы ценят только тег TITLE.</p> <p>И если быть более кратким и конкретным, то <b>тег H1 рекомендуется использовать для заголовков страниц наших сайтов </b> и они должны содержать ключевую фразу, по которым эта страница продвигается.<br> Релевантность страниц, наряду с , является одним из самых весомых показателей для завоеваний лояльности поисковых систем.</p> <h2>Правила заполнения заголовка H1</h2> <p>Для получения хорошего результата при продвижении страниц сайта следует выполнять следующие правила его заполнения:</p> <ol><li>Каждая страница должна содержать ОДИН тег H1.</li> <li>Тег должен содержать одно ключевое слово, по которому продвигается страница.</li> <li>Содержимое заголовка H1 должно быть уникальным для каждой страницы.</li> <li>Тег H1 не должен быть гиперссылкой.</li> <li>Желательно, чтобы тег не содержал классов, идентификаторов и других CSS элементов, а был в «голом» виде.</li> <li>Не рекомендуется использовать в содержимом знаков препинания, запятых, двоеточий и так далее.</li> <li>Размер тега не должен быть более двух предложений, лучше одно.</li> </ol><p>В html-коде заголовок страницы должен выглядеть таким образом:</p> <blockquote><p><h1>Тег H1 это заголовок страницы</h1></p> </blockquote> <p>Наиболее типичные грубые ошибки – это отсутствие тега H1 на странице или присутствие более одного заголовка. Такие ошибки обычно характерны для страниц разделов, в которых перечислены статьи, входящие в эти разделы.</p> <p>Контроль заполнения тега H1 по всему сайту проводится в рамках . Для проведения такого аудита есть немало достойных инструментов. Я же порекомендую Вам сервис от Мегаиндекса – <i>audit.megaindex.ru </i> .</p> <h2>Тег H1, применение в WordPress</h2> <p><img src='https://i2.wp.com/inetmkt.ru/wp-content/uploads/2012/03/h1-wordpress.jpg' height="150" width="148" loading=lazy>Теорию повторили и теперь остановимся на некоторых технических моментах, связанных и применением тега H1 на сайтах, использующих CMS WordPress. Поскольку большинство начинающих блоггеров используют бесплатные шаблоны, то в них могут содержаться некоторые недоработки.<br> В частности, возможны варианты, когда заголовок страницы выделяется не тегом H1, а другим тегом, чаще всего это H2.</p> <p>Эта же недоработка обнаружилась и на моем блоге, после того как я создал при помощи программы Artisteer. При просмотре HTML-кода было обнаружено, что все заголовки страниц выводятся с тегом H2.</p> <p>Для устранения этого пришлось редактировать файл <i>single.php </i> , именно так в большинстве шаблонов называются файлы, которые выводят информацию по каждой отдельной записи. Как я это сделал сейчас продемонстрирую наглядно.<br> В теле файла <i>single.php </i> ищем часть кода, которая выводит заголовок. В моем случае этот выглядело таким образом:</p> <blockquote><p><h2 class=»art-PostHeaderIcon-wrapper»><br> <span class=»art-PostHeader»><br> <?php the_title(); ?><br> </span><br> </h2 ></p> </blockquote> <p>Меняем выделенные красным цветом теги h2 на необходимые h1 и файл <i>single.php </i> исправлен и готов к использованию. Оказалось, что это довольно просто, поменял пару символов и готово. Теперь этот блок стал выглядеть так:</p> <blockquote><p><h1 class=»art-PostHeaderIcon-wrapper»><br> <span class=»art-PostHeader»><br> <?php the_title(); ?><br> </span><br> </h1 ></p> </blockquote> <p>В Вашем случае выражение может быть несколько другого вида, но смысл, я надеюсь, Вы поняли.</p> <p>Аналогичные изменения мне пришлось проделать с еще одним файлом темы <i>page.php </i>, который отвечает за вывод страниц блога. Как известно блог на CMS WordPress содержит записи и страницы.</p> <p>Функции создания и изменения их находятся в разных разделах администрирования блога, они хранятся в разных местах и соответственно за их вывод отвечают и разные программные модули.</p> <p>В итоге отрезок кода в файле <i>page.php </i>, который выводит заголовок страницы стал выглядеть вот так:</p> <blockquote><p><h1 class=»art-PostHeaderIcon-wrapper»><br> <span class=»art-PostHeader»><a href=»<?php the_permalink() ?>» rel=»bookmark» title=»<?php printf(__(‘Permanent Link to %s’, ‘kubrick’), the_title_attribute(‘echo=0’)); ?>»><br> <?php the_title(); ?><br> </a></span><br> </h1 ></p> </blockquote> <p>Но это было еще не все, на моем шаблоне я обнаружил, что тег H1 используется при выводе заголовка самого блога. И мне пришлось решать, оставлять все как есть или добиваться вывода заголовков страниц с тегом H1.</p> <p>Ведь использование двух и более заголовков этого типа на одной странице не рекомендуется. Поисковые системы могут это расценить как переоптимизацию и сделать соответствующие выводы.</p> <h2>Тег H1, корректировка шаблона WordPress</h2> <p>В конце концов решил подправить эту недоработку, тем более, что хлопот больших это не принесло. Сейчас я Вам обо всем подробно доложу.</p> <p>Для этого надо было внести поправки всего в два файла.</p> <p>Первый <i> header.php </i> — это файл вывода заголовка блога.</p> <p>Второй <i>style.css </i> — файл описания стилей блога.</p> <h3>Изменения header.php</h3> <blockquote><p><div class=»art-Logo»><br> <h1 id=»name-text» class=»art-Logo-name»><br> <a href=»<?php echo get_option(‘home’); ?>/»><?php bloginfo(‘name’); ?></a></h1 ><br> <div id=»slogan-text» class=»art-Logo-text»><br> <?php bloginfo(‘description’); ?></div><br> </div></p> </blockquote> <p>Находим в <i>header.php </i> фрагмент, который выводит заголовок блога и меняем тег заголовка h1 (выделил красным цветом те символы, которые изменяю) на тег абзаца p . В результате получили такой код.</p> <blockquote><p><div class=»art-Logo»><br> <p id=»name-text» class=»art-Logo-name «><br> <a href=»<?php echo get_option(‘home’); ?>/»><?php bloginfo(‘name’); ?></a></p ><br> <div id=»slogan-text» class=»art-Logo-text»><br> <?php bloginfo(‘description’); ?></div><br> </div></p> </blockquote> <h3>Изменения в файле style.css</h3> <p>Синим цветом я выделил наименование класса css, который нам придется подправить в файле <i>style.css </i>, чтобы шрифт и размер вывода заголовка блога остался прежним, таким же как и до изменений. Далее открываем файл стилей, ищем поиском необходимый класс «art-Logo-name», фрагмент ниже</p> <blockquote><p>h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a:link, h1 .art-Logo-name a:visited, h1 .art-Logo-name a:hover<br> {<br><br> font-size: 29px;<br> text-decoration: none;<br> padding:0;<br> margin:0;<br> color: #E0EDF0 !important;<br> }</p> </blockquote> <p>Все выделенные красным цветом h1 меняю на p и получаю в результате</p> <blockquote><p>p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:link, p .art-Logo-name a:visited, p .art-Logo-name a:hover<br> {<br> font-family: Arial, Helvetica, Sans-Serif;<br> font-size: 29px;<br> text-decoration: none;<br> padding:0;<br> margin:0;<br> color: #E0EDF0 !important;<br> }</p> </blockquote> <p>Вот, собственно и все, что я хотел рассказать Вам о теге H1, как одном из элементов .<br> Замечу только, что все работы я проводил на<b> тестовом поддомене </b>, чтобы посетители моего блога не испытывали затруднений при возникновении проблем, которые могут возникнуть при подобного рода манипуляциях. Да и с точки зрения безопасности и сохранности функционала сайта это будет правильным решением.</p> <p>В заключение хочу Вам предложить посмотреть небольшое видео, оно, правда, озвучено на английском языке, но мне все было понятно, надеюсь и Вам будет несложно разобраться. Этот ролик неплохо дополняет текст статьи и для новичков или тех, кто не силен в программировании будет неплохим подспорьем. Приятного просмотра.</p> <p><span class="zgOuilSChgY"></span></p> <p>На этом позволю себе закончить, а Вам пожелать успехов.</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </article> <div class='yarpp-related'> <div class="related-items"> <div class="headline">Рекомендуем другие статьи</div> <div class="items"> <div class="item"> <a href="/reviews/kak-prazdnovat-letnee-solncestoyanie-kak-prazdnovat-letnee-solncestoyanie.html" class="item__link"> <img src="/uploads/d002eb7ee7f8ca5839027a5ec58464a2.jpg" width="220" height="170" alt="Как праздновать летнее солнцестояние Эммануэль Дагер: Исцеляющее солнцестояние" class="item__image" / loading=lazy> <div class="item__title">Как праздновать летнее солнцестояние Эммануэль Дагер: Исцеляющее солнцестояние</div> </a> </div> <div class="item"> <a href="/internet/programmirovanie-mikrokontrollerov-dlya-nachinayushchih-legko-i.html" class="item__link"> <img src="/uploads/cc080e5fe541f0a30c5c0fdf1654e93a.jpg" width="220" height="170" alt="Программирование микроконтроллеров AVR для начинающих Программирование контроллеров avr для начинающих" class="item__image" / loading=lazy> <div class="item__title">Программирование микроконтроллеров AVR для начинающих Программирование контроллеров avr для начинающих</div> </a> </div> <div class="item"> <a href="/life-hacks-for-ios/pochemu-planshet-ne-vyklyuchaetsya-chto-delat-zavis-planshet---chto-delat-vozmozhnye.html" class="item__link"> <img src="/uploads/5ee684d277379108d1f4344cff82eff8.jpg" width="220" height="170" alt="Завис планшет - что делать?" class="item__image" / loading=lazy> <div class="item__title">Завис планшет - что делать?</div> </a> </div> </div> </div> </div> </main> <aside class="sidebar"> <div class="section"> <div class="section__headline">Самое популярное</div> <div class="sidebar-items"> <a class="sidebar-item" href="/program/videonablyudenie-cherez-usb-kameru-besprovodnaya-usb-kamera-kupit.html"> <img src="/uploads/c5ad1ebb2eec805aceb765a476962621.jpg" width="75" height="75" alt="Беспроводная USB камера купить беспроводную мини камеру компьютера Цифровая камера с usb выходом" class="sidebar-item__image" / loading=lazy> <div class="sidebar-item__title">Беспроводная USB камера купить беспроводную мини камеру компьютера Цифровая камера с usb выходом</div> </a> <a class="sidebar-item" href="/life-hacks-for-pc/sem-putei-voiti-v-svoi-lichnyi-kabinet-stoloto-russkoe-loto-obman.html"> <img src="/uploads/ef0eb579f517d663a977671e7a51ce14.jpg" width="75" height="75" alt="Столото, Русское лото – обман?" class="sidebar-item__image" / loading=lazy> <div class="sidebar-item__title">Столото, Русское лото – обман?</div> </a> <a class="sidebar-item" href="/internet/v-chem-smysl-maininga-kak-rabotaet-maining-kriptovalyuty-process.html"> <img src="/uploads/e7ccb6fbe0cf024cedb045c511cf5fad.jpg" width="75" height="75" alt="Как работает майнинг криптовалюты Процесс майнинга криптовалют" class="sidebar-item__image" / loading=lazy> <div class="sidebar-item__title">Как работает майнинг криптовалюты Процесс майнинга криптовалют</div> </a> <a class="sidebar-item" href="/game/professiya-programmist-dlya-detei-konspekt-zanyatiya-v-detskom.html"> <img src="/uploads/9d0201b81adc610408d4507ccf6f9186.jpg" width="75" height="75" alt="Конспект занятия в детском саду «Программист – великий волшебник" class="sidebar-item__image" / loading=lazy> <div class="sidebar-item__title">Конспект занятия в детском саду «Программист – великий волшебник</div> </a> <a class="sidebar-item" href="/life-hacks-for-ios/aliekspress-prosit-ukazat-proverochnyi-kod-pri-vhode-chto.html"> <img src="/uploads/85f99bb622febba2f51f6ce46c571a8f.jpg" width="75" height="75" alt="Как пройти проверку при входе в аккаунт на Алиэкспресс?" class="sidebar-item__image" / loading=lazy> <div class="sidebar-item__title">Как пройти проверку при входе в аккаунт на Алиэкспресс?</div> </a> <a class="sidebar-item" href="/game/otklyuchenie-uslugi-mobilnye-podpiski-kak-uznat-kakie-platnye.html"> <img src="/uploads/ce520cb58283add55341e217e52bd195.jpg" width="75" height="75" alt="Как узнать какие платные подписки от мегафон подключены и как их отключить" class="sidebar-item__image" / loading=lazy> <div class="sidebar-item__title">Как узнать какие платные подписки от мегафон подключены и как их отключить</div> </a> </div> </div> <script> // <![CDATA[ $(document).ready(function() { var floatsidebar = $("#float-sidebar"); var offset = floatsidebar.offset(); var left = offset.left; var top = offset.top; var width = $("#float-sidebar").width(); var height = $("#float-sidebar").height(); $(window).scroll(function() { var scrollTop = $(window).scrollTop(); if (scrollTop >= top) { $('#float-sidebar').css({ left: left + 'px', position: 'fixed', top: "50px", width: width + "px" }); } else { $('#float-sidebar').css({ position: 'static', }); } }); }); // ]]> </script> <div id="float-sidebar"> <div id="laqybe1" style="height:500px;width:270px;" align="center"></div> </div> </aside> </div> <footer class="footer"> <div class="footer-left"> <div class="footer__logo"> <div class="footer__logo-sitename">radiobud.ru</div> </div> <div class="footer__copyright"> <p>© 2024 - radiobud.ru<br /></p> <p>Обзоры, лайфхаки, игры, программы</p> </div> <nav class="footer__nav-1"> <ul> <li class="menu-item type-post_type object-page "><a href="/sitemap.xml">Карта сайта</a></li> </ul> </nav> </div> <nav class="footer__nav-2"><ul> <li class="menu-item type-taxonomy object-category "><a href="/feedback.html">Контакты</a></li> <li class="menu-item type-taxonomy object-category "><a href="">Реклама</a></li> <li class="menu-item type-taxonomy object-category "><a href="">О сайте</a></li> </ul></nav> <div class="footer__counters"> </div> <div class="footer__note"></div> </footer> </div> </div> <script type='text/javascript' src='https://radiobud.ru/wp-content/themes/radiobud.ru/js/scripts.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll":"1","visibility_show":"\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0421\u043a\u0440\u044b\u0442\u044c","width":"Auto"} ; /* ]]> */ </script> <script type='text/javascript' src='https://radiobud.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://radiobud.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script> </body> </html>