Здравствуйте, уважаемые друзья. Сегодня пойдёт речь о наболевшей для меня проблеме, а именно о заголовках h1. В общем, вы уже знаете, что установив тему WordPress её ещё и дорабатывать, придётся под свои нужды. И это нормально, дизайн подправить, если необходимо объединить элементы дизайна в , может, размеры шрифтов подправить, да перечислять можно долго. Так в чём проблема?

Какие проблемы с заголовками h1 были на моём блоге

Суть в том, что все эти доработки не должны слетать при обновлении темы. У меня же, как только обновил тему, так и давай всё заново настраивать. Но фишка в другом, элементы дизайна – это цветочки, а подлянка заключается в том, что у меня после этих обновлений перестали работать и постоянно меняются местами заголовки h1 и h2. А вы знаете, что поисковики не жалуют сайты, где тег h1 отсутствует или слишком часто используется.

Вот здесь расскажу немного поподробнее. Так вот, практически в каждой теме оформления для WordPress есть возможность прописать заголовок сайта и описание.

А также установить логотип.

В моей теме тоже всё это есть. Заголовок прописывается тегом h1, а описание сайта тегом h2. А если установить логотип, то он будет обозначен как заголовок и внесёт в тег h1.

И вроде бы всё хорошо – на главной странице заголовок сайта имеет тег h1, а заголовки статей h2. А вот в статьях и страницах тоже изначально было так. Причём это не в одной моей теме, во многих темах WordPress заголовки статей и страниц прописаны в теге h2 – что по правилам SEO неверно.

Я этот момент подправил – в статьях и страницах заголовки изменил на h1, а заголовок сайта на h2.

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

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

Но после последнего обновления на самом деле всё оказалось хуже – произошла подмена тегов h1 и h2. А точнее, изображение, которое я использовал в качестве логотипа, и которое было заключено в тег h1, — тег просто исчез (на главной странице). Так на главной странице вообще не осталось тега h1. Зато в статьях и страницах заголовок сайта обрёл тег h1. И соответственно заголовок сайта, и заголовок статьи были обозначены тегом h1. Перебор!

А ещё эта путаница повлияла на – пропал заголовок сайта.

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

Как изменить тег заголовка h1 в зависимости от условий

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

Если открывается статья или отдельная страница, — заголовок сайта должен обозначаться тегом h2.

Итак, приступаем к реализации задуманного.

Как известно, практически во всех темах шаблон состоит из нескольких блоков и такие блоки, как шапка (header.php), подвал (footer.php), сайтбар (sidebar.php) подключаются как отдельные элементы к основной странице (index.php), статьям (single.php), страницам (page.php).

Следовательно, заголовок и описание сайта находятся в шапке (header.php ). И нужно лишь прописать условие, которое будет менять тег h1 в зависимости от того какая страница открывается.

А для этого открываем административную панель WP – «Внешний вид» — «Редактор» — «Заголовок (header.php)» .

Нужно найти строчку кода с тегом h1, в некоторых случаях это может быть и тег h2. Во всяком случае, нужно обращать внимание на содержимое этих строк. Изначально в моей теме было так.

Заголовок сайта.

">

Описание сайта.

Вот это и нужно будет подправить. В описание сайта можно только добавить код микроразметки, а вот с заголовком сайта поработаем.

Итак, перед строкой кода с заголовком h1 вставляем вот этот код:

Это условие обозначает: Если (if) открыта «не» (!) статья (is_single) и (&&) «не» (!) страница (is_page) – заголовок сайта будет обозначен тегом h1.

А после строки с кодом h1 нужно закрыть условие, этим кодом:

В итоге у вас должно получиться вот так:

">

А теперь по аналогии добавляем ещё одно условие, сразу после первого:

">

Это условие обозначает: Если (if) открыта статья (is_single) или (||) страница (is_page) – заголовок сайта будет обозначен тегом h2.

Обратите внимание, я изменил тег заголовка во втором условии с h1 на h2. Так же можно заменить h1 на абзац (р) или блоки div, span. Это важно!

Сохраняем файл и проверяем.

Как должно быть после внедрения условий

На главной странице, рубриках, поиске и так далее заголовок сайта должен быть обозначен тегом h1, а все заголовки статей и так далее h2, h3…

При открытии статьи или отдельной страницы, заголовок сайта меняется на h2. Если вы изменили на предыдущем шаге h2 на p, div, span — значит и изменения у вас будут соответствующие. Только не забудьте прописать стили для этих элементов.

Здесь очень важно проверить в файлах single.php и page.php чтобы заголовки статей и страниц обозначались тегом h1. Если у вас не так, откройте эти файлы и исправьте циферку.

Подведение итогов

Этим решением я избавился от конфликта с тегами заголовков h1 и h2 и восстановил работоспособность микроразметки. Всего-то пару строк кода, а какое удобство.

Друзья, у кого подобная ситуация берите на вооружение.

И в завершение видеоурок по теме. Я покажу на своём блоге, как этот метод работает.

А у меня на этом сегодня всё. Всем желаю хорошего настроения и до встречи в новых статьях и видеоуроках.

Просмотр 11 ответов - с 1 по 11 (всего 11)

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

P. S. Лично я не вижу ничего плохого и некрасивого ни на комп ни на смартфоне. Похоже вы просто зациклились на ерунде.

Благодарю за ответ! Уменьшение размеров картинки ни к чему не приводит, просто качество её в итоге ухудшается (она растягивается на ту же ширину). Может и зациклился, просто не привык к такому дизайну, хотелось понять как это изменить

Я может не совсем правильно выразился. Не изменить размер, а обрезать картинку — сделать её меньше по высоте при той же ширине.

А разве тема не предлагает обрезать картинку до рекомендуемых размеров при установке изображения для заголовка?

Высота картинки 225 пикселей
Задается в стилях:
.inner-header-image {
position: relative;
height: 225px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}

Переопределите в доп.стилях темы этот параметр и все должно зарботать.

Поставил тему Corporate Blue на свой тестовый сайт http://wp5.j807534.z9496.spectrum.myjino.ru Пришел к окончательному выводу что вы, занялись ерундой. Тема прекрасно выглядит именно с таким «большим» рисунком заголовка на всех устройствах. Не ломайте тему. Лучше не сделаете. Просто вы привыкли к старым дизайнам с узенькими банерами в заголовке.

2Spectrum_Admin (@perdyllo)
При переходе по указанной ссылке Хром выдает:

Осторожно, вредоносное ПО!
Сайт wp5.j807534.z9496.spectrum.myjino.ru может установить на ваш компьютер вредоносное ПО, которое крадет или удаляет личную информацию (например, фотографии, пароли, сообщения и реквизиты банковских карт).
Автоматически отправлять в Google информацию о возможных проблемах безопасности. Политика конфиденциальности

На моих топовых информационных проектах сначала специалист в тематике составляет структуру статьи (заголовки и подзаголовки), а потом уже копирайтеры по ним пишут текст.

Структура — это на самом деле очень важно, если вы заморачиваетесь насчет качества. А чтобы составить нормальную структуру, нужно понимание того, как работают теги h.

h1 — это главный подзаголовок в статье, который обычно размещен над текстом.

Первый заголовок должен визуально быть больше остальных заголовков на странице.

h2-h6 — это маленькие подзаголовки, которые проставляются по принципу вложенности.

Для чего вообще нужны заголовки?

Для тех, кто не сильно в теме — вот в принципе неплохое видео про азы составления подзаголовков h1-h6. Если не считаете себя спецом, посмотрите:

И для закрепления материала чуть послабее видео:

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

В коде тег выглядит так:

, где буква h происходит от слова «header», что в переводе значит «заголовок». Каждый уровень обозначается соответствующей цифрой.

H-теги глазами людей

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

Теги h1, h2, h3, h4, h5, h6 позволяют создать для читателя некую карту, по которой он сможет быстро сориентироваться в тексте. И если этими выделениями удалось зацепить внимание, то человек задержится на странице и наверняка прочтет всю статью. Проверить результат можно по поведенческим факторам. Если люди задерживаются на странице, совершают какие-либо действия – значит работа по SEO была проделана не зря.

H-теги глазами поисковиков

Поисковые роботы собирают с них информацию для семантического анализа. Особое значение для ботов имеют заголовки уровней h1, h2, h3. Их непоследовательное или неправильное применение может негативно сказаться на ранжировании станицы. Если в HTML-коде вообще отсутствуют h-теги, то сайту придется туго в продвижении. Уровни h4, h5, h6 менее значимы.

Иерархия H-тегов

Главным правилом в расстановке заголовков является их иерархия. Необязательно, чтобы теги шли друг за другом по размеру, но недопустимо в тексте использовать, например, h3, если у вас нигде не присутствует мета h2 или применять h6 без h5.

Вот так выглядит иерархия с правильной вложенностью:

Что за тег h1

Тег h1 – это оглавление текста (все равно что название книги или заголовок статьи в газете).

На каждой странице должен быть один и только один тег h1.

В плане привлекательности для пользователя он имеет главное значение. Но для SEO-продвижения больший вес будет иметь .

Title – это тоже заголовок, но прописывается он не только для людей, но и для роботов. Он отображается не на самой станице, а только во вкладке браузера и в сниппете в качестве активной ссылки на сайт. Фактически title является альтернативным, но главным заголовком для html-документа. Если он отсутствует, то поисковая система берет за основу h1 и использует его в серпе.

Почему h1 должен различаться с Title

Довольно важно понимать, что h1 и Title — это разные заголовки. И их соответственно надо умело комбинировать. Вот азы на эту тему:

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

Требования по длине H1

H1 рекомендуется делать более лаконичным, чем Title, не превышая количество символов более, чем 50. Но не случится катастрофы, если заголовок получится длиннее, когда не удается втиснуть всю суть в обозначенное количество.

Специальные плагины для WordPress позволяют проанализировать правильное заполнение всех мет прямо в редакторе.

Правила для грамотного написания h1

• Должен быть уникальным для всего сайта и абсолютно читабельным;
• Не повторяет тег title, но и не противоречит ему;
• Не стоит делать его слишком длинным (более объемным можно делать title);
• Используется только 1 раз на каждую страницу;
• Релевантен тексту и отображает смысловую суть материала;
• Интересен, привлекателен для пользователя;
• Нельзя ставить в конце точку и рекомендуется по минимуму использовать знаки препинания.

Применение ключей

Главные ключевые фразы, в первую очередь, должен содержать title. Но следует их писать и в h1. И там, и там лучше это делать в самом начале. Но лучше бы ключевые слова не дублировали друг друга в этих двух тегах. Нужно использовать разные словоформы или разбавленные вхождения в h1 и прямые в title.

Некоторые берут все ключи на страницу и из них составляют структуру статей. Сразу учтите — без классных ПФ такая россыпь ключей по подзаголовкам будет караться фильтром за переспам.

Психологические приемы для составления привлекательного заголовка

Заголовок должен быть «цепляющим». Вот видео от Максима Ильяхова, спеца в области СМИ, ректора Школы редакторов и создателя сервиса «Главред»:

Вот еще пара «приемов», которые применяются при составлении заголовков.

Решение проблемы

Помните, что человек всегда ищет не информацию или товары, а прежде всего – решение своих проблем, потребностей, нужд. Оперируйте именно к предполагаемой проблеме целевой аудитории

Пример удачного заголовка: «Выпадают волосы? Остановите выпадение за неделю».
Пример неудачного заголовка: «Можно ли остановить выпадение волос?»

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

Заинтриговать

Пример удачного заголовка: «Раскрываем секрет самого эффективного рецепта от выпадения волос».
Пример неудачного заголовка: «Лучший рецепт от выпадения волос».

Прием «экзамен»

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

Пример удачного заголовка: «Вы уверены, что правильно боритесь с выпадением волос?»
Пример неудачного заголовка: «Все ли вам известно о выпадении волос».

Конечно, это далеко не все методы, которые помогают воздействовать на восприятие человека и привлечь его интерес. Читайте книги по маркетингу, чтобы вычитать больше, если интересна эта тема. Кстати title тоже может быть «заманивающим». Тем более что скорее всего именно он высвечивается в поисковой выдаче. Проверить его отображение можно будет после индексации страницы.

Зачем нужны подзаголовки h2-h6

Теги от h2 до h6 располагаются уже в теле самой статьи, структурно разделяя ее на тематические абзацы, и в коде HTML-документа, выделяя его значимые элементы. Они также идентифицируются поисковыми роботами для семантического анализа страницы.

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

h2 – акцентирует внимание пользователей и поисковых систем на основном содержании статьи. Показывает самое значимое в тексте.

h3 – является подпунктом для информации, идущей под H2, раскрывая ее еще глубже.

h4, h5, h6 – определяются, как вложенные подзаголовки (раскрывают детально суть H2 или H3) и используются в тексте, в качестве выделяющих мелкие пункты и значимые слова, а также в меню, сайдбаре и других составляющих веб-документа.

Длина всех h-тегов должна быть в пределах 50 символов.

Как правильно прописывать подзаголовки h2-h6

• Нельзя, чтобы наименьший подзаголовок присутствовал без большего. То есть, если в тексте стоит метатег h4, то ему обязательно должны предшествовать h2 и h3.
• Чем выше заголовок по уровню, тем крупнее должен быть и шрифт. В WordPress обычно по умолчанию настройки выставлены таким образом, что теги автоматически форматируются в правильном виде.
• Все h-теги обязаны соответствовать содержанию контента, отображать суть информации.
• Недопустимо использовать h1-h6 в качестве анкоров или активных ссылок.
• Нельзя писать другие теги внутри тега h.
• В h-тегах допускается только текст и знаки препинания.
• В подзаголовках не должно быть переспама ключевых слов. Ключевики лучше всего задействовать в title, h1, h2, а в более мелких, таких как h3, h5, h6 делать упор на детальное раскрытие темы.

Если в разметке страницы прописан title и основной заголовок H1, но сам текст статьи не слишком большой и не содержит в себе подзаголовков, это не является ошибкой. В ТОПе находится немало страниц, где контент идет практически сплошной полосой, разве что разделенной на абзацы. Попасть в лидирующие позиции можно и без «колдовства» над разметкой текста, делая больший упор на . Сайты на WordPress прекрасно индексируются поисковиками. Но все же применение этих тегов не только облегчает задачу, но и делает контент более легким и приятным для визуального восприятия.

Как заполнять h-теги в WordPress

h1 заполняется обычно в поле над текстом в записи:

Чтобы сделать подзаголовки h2-h6, надо выделить необходимый элемент и, наведя курсор на вкладку «заголовки», выбрать нужный, кликнув по нему. Проделать то же самое для каждого из подзаголовков, включая их в нужный формат.

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

Сегодня в одном из комментариев прозвучал вопрос: Как изменить размер заголовка статьи

WordPress ? Вариантов ответов на данный вопрос может быть несколько. Чтобы сильно не вдаваться в подробности написания кода html и не рассказывать про css, а также про подсоединение файлов со стилями для единого форматирования страниц, расскажу самое главное и основное, что нужно знать, и чем мы будем пользоваться, чтобы изменить размер заголовка статьи WordPress :

Первый вариант. Заголовки статьи необходимо задавать тегом H1 или H2 или … H6.

• Где взять простому пользователю эти теги?
• Как ими пользоваться?
• Куда вставлять эти H1 или H2 или … H6 в Worpress ?

Все очень просто. Эти теги заголовков находятся в списке Формат на дополнительной панели кнопок (у кого нет этой панели нажмите комбинацию клавиш Alt+Shift+Z).

Выбирая каждый вид из пункта Формат – Заголовок 1, Заголовок 2, и т.д. можете подоб рать тот вид заголовка, который вам подходит. Сразу оговорюсь, что чем менше цифра заголовка, тем менше «размер» текста.

ВНИМАНИЕ: в тексте обязательно должен быть один заголовок, чтобы поисковикам было легче оптимизировать страницу.

Если Вы хотите просмотреть коды html, которые используются для создания заголовков, то перейдите пожалуйста на вкладку HTML. Убедились, что это один из вариантов H1 или H2 или … H6? Отлично. Поехали дальше.

Второй вариант. Можно пользоваться тегом < font >. У этого тега есть несколько атрибутов. Тот, который нас интересует называется size. Этот атрибут может принимать значения от 1 до 7. Например, Шрифт размера 2

Можно выделять все слово целиком, а можно выделить первую букву. Таким образом можно добиться эффекта буквица.

Осень пришла

Шрифт текста 1	Шрифт текста 1
Шрифт текста 2	Шрифт текста 2
Шрифт текста 3	Шрифт текста 3
Шрифт текста 4	Шрифт текста 4
Шрифт текста 5	Шрифт текста 5
Шрифт текста 6	Шрифт текста 6
Шрифт текста 7	Шрифт текста 7

Как этим пользоваться?

1. Открываете статью в ПУА сайтом.
2. Записываете текст как обычно.
3. Переходите в просмотр html-кодов.
4. Находите слова, шрифт которых хотите изменить.
5. Обрамляете эти слова тегом ( слово ) как показано выше.

У тега есть еще атрибут color , который задает цвет шрифта. Принимает значения этот атрибут:

Как видно из примера значение цвета можно писать

• или названием цвета (кстати, в таблице перечислены основные цвета, а их на самом деле значительно больше)
• или задавать в коде RGB (для подбора других цветов можно использовать фотошоп, выбираете цвет и смотрите значение в RGB, далее записываете в код html и получаете результат. Но будьте аккуратными, не все цвета рекомендуется использовать в Интернет, есть таблица, так называемая, «безопасных цветов». Вот ею и нужно пользоваться!!!)

Еще у тега есть атрибут FACE. Можно указывать шрифт по названию (Arial, Tahoma, Verdana) или типу(например, monospace).

Например,

Золотая осень

ВНИМАНИЕ: прошу не путать заголовок статьи в смысле заголовочный текст (теги H1 или H2 или … H6) и размер шрифта (тег ). Если Вы оптимизируете статью, то используйте заголовочный тег H1 или H2 или … H6, если в статье Вам нужно, что-то выделить, то пользуйтесь тегом .

Подведем итог:

• для заголовков используются теги H1 или H2 или … H6;
• для изменения шрифта используется тег с атрибутом size.

Как ранжируются заголовки на сайте WordPress и почему на каждой странице должен находиться всего один заголовок верхнего уровня? Рассматриваем, как проверить на сайте количество тегов H1 и что делать, чтобы избежать их дублирования в теме.

Сколько заголовков с тегом H1 может быть на странице ВордПресс?

Шаблон страницы структурируется с применением заголовков от H1 до H6. По мере увеличения номера, размер шрифта обычно уменьшается, а заголовки «вкладываются» 1 в 1. У сайтов на WordPress заголовок H1, как правило, зарезервирован для названия страницы, H2 используется для оглавления важных элементов страницы. Более глубокие уровни – подзаголовки – встречаются в теле статей для формирования структуры текста и удобства чтения.

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

Обратите внимание, как в WordPress формируются заголовки разных уровней при добавлении страницы или записи.

• В окне редактирования записи или страницы имеется выделенное поле для написания названия (1). Именно здесь располагается заголовок верхнего уровня. Он будет помечен тегом H1 непосредственно на странице записи либо тегом H2, если на главной странице выводится несколько анонсов записей. В последнем случае такой заголовок представляет собой ссылку на страницу с полным содержимым записи.
• Окно текстового редактора включает тело статьи (2), в котором допускается форматирование текста с помощью панели инструментов (3). Применение заголовка первого уровня здесь уже не требуется, используйте уровни H2–H6, чтобы структурировать статью и избежать заспамленности.

Виртуальный хостинг сайтов для популярных CMS:

Как проверить, дублируются ли H1 в шаблоне WordPress

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

. Обратите внимание, что этот тег парный, он закрывается конструкцией

. Все, что располагается между ними, относится к заголовку первого уровня.

Проверка кода осуществляется одним из следующих способов:

• Находясь на нужной странице сайта, нажмите комбинацию клавиш CTRL + U. Откроется код, в котором нужно найти все теги H1. Для облегчения поиска используйте комбинацию CTRL + F.
• Щелкните правой кнопкой в любом месте на странице и выберите команду «Просмотреть код страницы». Далее выполните поиск тегов H1.
• Наведите курсор на нужный заголовок, щелкните правой кнопкой мыши и выберите команду «Инспектировать элемент». В открывшемся окне будет подсвечен код для указанного элемента страницы.

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

Если заголовков несколько, нужно поменять некоторые из них

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

Как исправить дублирование заголовков в теме WordPress и убрать лишние

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

Если вы обнаружили такую ошибку в используемой теме, необходимо в админке WordPress перейти в редактор кода и открыть шаблон header.php. В код шаблона добавьте условную конструкцию вида:

Код для размещения логотипа на главной странице

Код для размещения логотипа на прочих страницах

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

Чтобы изменить размер заголовка, требуется прописать размер в css стилях

Множество современных WordPress шаблонов позволяют поменять размер основных текстовых элементов в настройках шаблона. Достаточно перейти в админпанели в раздел «Внешний вид» - «Темы» - «Настроить» для текущего шаблона, и изменить желаемый размер заголовков, текстов. Если такой возможности нет - Вам придется в файле style.css найти код font-size , относящийся к заголовку h1 и задать желаемый размер.