Первый заголовок, на который часто посетитель сайта не обращает внимание — тот, который показан на вкладке браузера (). Для поисковой системы он самый главный, так как именно его Яндекс, Google и др. чаще всего
() используют в качестве заголовка сниппета.
Перед дальнейшим чтением желательно ознакомиться с примерами, описанными в стандартах самостоятельно.
...
Утверждение 2:
есть небольшая разница в том как располагать ссылку: внутри тега h или тег h внутри ссылки. И она заключается в том, что в первом случае ссылкой является только текст, а во-втором — весь блок.
весь блок (прямоугольная область)
Должен ли title отличаться от h1 ?
"Может ли title быть таким же как h1 ?" — да, может.
"Различный title и h1 полезны для SEO?" — да, полезны. В рассматриваемые теги можно добавить дополнительные ключевые слова, чтобы увеличить хвост запросов, по которым приходят на сайт. Или чтобы сделать более привлекательный сниппет, в title внести, скажем, название компании, коли фирма на слуху, или номер телефона (для такси, например).
Примечание:
для того, чтобы страница могла присутствовать в Новостях Google или быстрых ссылках Яндекса , основная часть title и h1 должны совпадать. Это может быть вызвано тем, что посетители ожидают увидеть на странице сайта тот же заголовок, что в выдаче поисковиков. На данный момент стоит обратить внимание информационным сайтам.
Нужно ли заголовки боковых блоков брать в h ?
Если заголовки индексируются (см. ), то пусть лучше будут в теге h . Всё равно они употребляются на каждой странице сайта и вес этих слов ("Реклама", "Последние сообщения", "Подписка" и т.п.) завышен. Можно предположить, что родитель aside должен уменьшать их значение.
К тому же для слабовидящих будет понятно что к чему, а не сплошные untitled .
SEO разметка текста.. или семантическая верстка сайта.
Семантическая верстка сайта - за этим страшным определением скрывается одна простая истина: сайт должен быть не просто сверстан, а свёрстан логично! Так что можно сказать примерно так: семантическая верстка это - логичная верстка.
Для того что бы Вам было понятнее о чем идёт речь приведу несколько примеров где логика отсутствует..
Итак, плохие примеры:
- Использование заголовков
-
лишь с той целью чтобы увеличить или уменьшить размер буковок.. - Неуместное использование тегов логического форматирования , например, вместо текста г. Самара
просто какой то текст, который никоем образом к адресу не относится.. например: Установка окон
.
- Использование тегов для формирования списков для простой декорации текста или например для создания отступов в тексте.. и наоборот формирование некого списка, перечня например того же меню сайта с помощью других тегов.
- И даже использование таблицы в качестве каркаса сайта (табличная вёрстка) вместо того чтобы использовать таблицу по её прямому назначению, а именно для вывода данных в табличной форме.. расписания движения электричек например.. это тоже НЕ семантическая верстка сайта.
Много всяких примеров приводить можно.. суть же одна: семантическая верстка - эта верстка, при которой каждый тег на странице работает по своему прямому назначению и никак иначе.
Думаю сейчас многие испугались "ааа.. у меня сайт таблицей свёрстан!", "а у меня меню сайта не является списком.." не пугайтесь сильно! конечно к "правильному" построению сайта нужно стремиться, но если по-другому никак не получается то можно чем то и пренебречь, однако некоторые вещи всё же лучше соблюдать!
Заострим внимание на правильной разметке текста, так как это наиболее важно для оптимизации сайта под поисковые системы..
Многие начинающие веб-мастера думают, что заголовки -
это всего лишь способ выделить текст размером, сделать его крупнее - это не так!! На самом деле теги -
во-первых выделяют именно заголовки
в тексте, а во вторых выделяют их по степени "важности" например заголовок
Как создать сайт?
в глазах поисковых систем куда более важен чем заголовок
Как создать сайт?
и если бы это были заголовки двух разных страниц то при прочих равных условиях поисковая машина по запросу пользователя "Как создать сайт?"
выдаст в результатах поиска на первом месте ту страницу, в которой используется заголовок первого уровня
.
Однако не стоит хвататься переделывать все заголовки на Вашем сайте с ,..
в
ни к чему хорошему в плане оптимизации это не приведёт! В идеале на странице должен присутствовать всего один заголовок первого уровня который как бы содержит в себе два-три заголовка второго уровня в которых в свою очередь "вложены" заголовки рангом поменьше и так далее.. структура документа должна иметь примерно такой вид:
То есть заголовки должны быть, как бы вложены друг в друга по степени важности и иметь древовидный вид. Сам же текст желательно разбить на параграфы с помощью тега
- где текст каждого абзаца несет в себе одну логическую часть текста.
Такая разметка текста легко "усваивается" поисковыми системами и другими программами работающими с HTML документами, например, позволяет выхватить один из параграфов для описания сайта в результатах поиска, не ломая голову где начинается и где заканчивается определённая логическая часть текста или учитывая уровни заголовка автоматически составить содержание документа.
Так как текст в заголовках -
имеет куда более большее значение для поисковых систем, да и просто для человека просматривающего страницу, нежели чем просто текст то их следует наполнять ключевыми словами!
На моих топовых информационных проектах сначала специалист в тематике составляет структуру статьи (заголовки и подзаголовки), а потом уже копирайтеры по ним пишут текст.
Структура — это на самом деле очень важно, если вы заморачиваетесь насчет качества. А чтобы составить нормальную структуру, нужно понимание того, как работают теги 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.
Что означает 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 тысяч рублей в месяц в самое кратчайшее время. Успехов вам во всем и хороших позиций в поиске!
Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах h1 h2 - h6, т.к. в ближайшее время планирую (как и обещала) несколько практических статей по редактированию заголовков в шаблонах. Но прежде, чем осваивать что-либо на практике, я считаю, нужно пусть не знать, но понимать теорию. Давайте с самого начала определимся с понятиями, с тем, что такое заголовок в HTML документах, заголовок на сайте, странице.
Все мы с вами знаем русский язык, и что касается общепринятого понятия заголовок
– вопросов быть не должно. Заголовок - это то слово или фраза, которая обобщает весь смысл какого-то текста, информации, которые идут после него.
Как любая книга начинается с заголовка, так и любой документ в интернете имеет свой заголовок.
Но если мы, открывая книгу, понимаем, что вот эта фраза является заголовком, потому что имеет более большой или жирный шрифт, то на интернет страницах действуют немного свои правила. В интернете слово заголовок имеет несколько значений и применяется в разных целях. Поэтому, необходимо знать и понимать, о каком именно заголовке идет речь, и что именно вам нужно.
Первое и самое главное, в чем мы должны разобраться, это в том, что в HTML документе есть три разных понятия заголовка.
Любой документ включает в себя три основных HTML тега:
Здесь находится техническая информация о документе +
заголовок страницы в тегах
</b>Заголовок страницы<b>
Здесь находится основное содержимое сайта, статьи, которые имеют заголовки в тегах:
Заголовок сайта или статьи
Заголовок статьи
Подзаголовок статьи
Другие блоки с информацией
Другие блоки с информацией
Другие блоки с информацией
Итак, из кода выше, мы видим, что HTML документ имеет свой заголовок
, в котором располагается техническая информация, здесь же находятся и мета-теги, и один из самых важных тегов в seo - , который содержит в себе <b>заголовок страницы
</b>. Именно этот заголовок видит каждый пользователь на вкладке браузера. Этот заголовок не имеет прямого отношения к заголовкам, которые находятся в теле <body> документа, но между ними есть тесная .</p>
<p>Второй по значимости тег в seo – и является тег заголовка <h>.</p>
<p>Итак, любая поисковая система придает <a href="/internet/ekvivalent-cvet-znachenie-cvetovoi-ekvivalent-v-bolshoi-sovetskoi.html">большое значение</a> этому тегу. Как приводила пример с книгой, именно он (вместе с title) сообщает тему страницы, о чем она, обобщает смысл статьи. Именно этот заголовок сообщает вам, о чем будет моя статья, которую вы читаете. Мы с вами видим, что такие заголовки всегда отличаются <a href="/optimization/novyi-motorola-z2-plei-obzor-i-testy-motorola-moto-z2-play-smartfon-shveicarskii-nozh.html">внешним видом</a> от основного содержания страницы. Для этого и были придуманы специальные теги, которые отвечают за то, чтобы информация в них всегда была выделена.</p>
<p>С одной стороны, тег, как бы один <h>, но с другой стороны, их шесть и все они пронумерованы в порядке своей значимости, и что очень важно, не просто значимость, а ещё и иерархия. Вот с этого момента начинается самое запутанное и непонятное – как определить значимость, что является более значимым, а что нет?</p>
<p>Давайте просто рассуждать логически. Вот у нас главная страница на сайте. Как правило, главная страница отражает всю тематику сайта в целом. И в идеальном варианте – название сайта так же должно отражать всю тематику сайта. Значит, название сайта должно быть заголовком, причем, самым главным заголовком, т.е. в теге:</p>
<blockquote><p><h1>Название сайта</h1>.</p>
</blockquote>
<p>Далее, не обязательно, но как правило, на <a href="/android/vybivaet-iz-kontakta-na-glavnuyu-stranicu-pochemu-postoyanno-obnovlyaetsya.html">главной странице</a> должно быть какое-то обращение к посетителю, и в идеальной ситуации, это обращение должно включать в себя заголовок, который в свою очередь должен содержать в себе тематику сайта (<a href="/multimedia/kak-opredelit-poiskovye-zaprosy-operator-minus---ubrat-opredel-nnye.html">ключевое слово</a>, отражающее тематику сайта). Значит, этот заголовок должен быть в теге:</p>
<blockquote><p><h2>Заголовок статьи-обращения к посетителю</h2>.</p>
</blockquote>
<p>Далее, в этой статье-обращении может
(а я настаиваю на том, что <b>должен
</b>
) быть подзаголовок, которые ещё более раскрывает все аспекты тематики сайта. Так же включает в себя какие-то ключевые слова, которые могут быть или должны быть близки к названию сайта или заголовка статьи. Такой подзаголовок должен быть в теге:</p>
<blockquote><p><h3>Подзаголовок статьи</h3>.</p>
</blockquote>
<p>Давайте представим такую страницу.</p>
<p>Вот таким образом мы распределяем теги заголовков. Стоит заметить, что если вместо заголовка вы используете картинку-баннер, то оформлять его в тег заголовка не нужно.</p>
<p>Остаются два немаловажных вопроса:</p>
<p>Как использовать остальные теги – 4, 5, 6</p>
<p>И нужно/можно ли использовать теги заголовков в меню/сайдбаре?</p>
<p>На первый вопрос отвечаю, что использовать именно все теги заголовков не обязательно.</p>
<p>На второй вопрос однозначного ответа нет. Но я имею такое мнение, что если в сайдбаре есть такой информационный блок, в котором находится информация о сайте, информация, отражающая тематику сайта, то необходимо такие блоки оформлять тегами заголовка.</p>
<p>Например, это может быть блок: <i>
</i>. В заголовке такого блока находится ключевое слово, которое отражает тематику всего проекта. Поэтому такой блок стоит оформить в заголовок <h4>.</p>
<p>Тут может возникнуть такой вопрос: А почему его не оформить в более высокого ранга тег? Ответ так же можно попробовать получить логическим путем.</p>
<p>Как правило (подчеркиваю, как правило
), современная верстка сайта имеет такую структуру:</p>
<p>Заголовок сайта<br>
↓<br>
Основное содержание страницы<br>
↓<br>
Сайдбар<br>
↓<br>
Футер/подвал страницы</p>
<p>Т.е. именно в таком порядке поисковый робот видит всю информацию на странице.</p>
<p><b>Второе
</b>, что мы должны знать – все теги заголовков имеют свою иерархию (об этом писала выше), и не допустимо, чтобы тег третьего порядка был выше тега второго порядка.</p>
<p>Казалось бы, на все вопросы ответили, и тема должна быть исчерпана, но не все так просто. Дело в том, что, как правило, <a href="/graphics/kak-sozdat-vnutrennyuyu-stranicu-v-gruppe-ili-soobshchestve-vkontakte-kak.html">внутренние страницы</a> отличаются от главной, при этом, так же важно, чтобы они тоже были хорошо оптимизированы, чтобы мы получали с них трафик с поисковых систем. Поэтому, для них очень желательно применять свою иерархию заголовков.</p>
<p>Из моей картинки в примере, если на сайте есть отдельные статьи о <i>Продвижении в поисковиках
</i> и <i>Продвижении в <a href="/download/socialnye-seti---chto-eto-takoe-socialnye-seti-rossii-istoriya-vozniknoveniya-socialnyh-setei.html">социальных сетях</a>
</i>, то, для внутренней структура заголовков должна быть такой:</p>
<p><img src='https://i2.wp.com/lh5.ggpht.com/_G92voTj-yF0/TS3-kbdapZI/AAAAAAAABEI/r7T-C94lU5I/s800/seo-zagolovka-statey%5B4%5D.gif' width="100%" loading=lazy></p>
<p>Т.е. уже заголовок сайта не имеет такого важного значения, как заголовок статьи (может, мой пример, не самый наглядный, т.к. везде присутствует слово “продвижение”). Такая расстановка заголовков значительно улучшает ранжирование страниц в поисковых системах, тем самым увеличивая переходы пользователей с них.</p>
<p>Выше я написала, что это <b>желательно
</b>, но не надо биться головой о стенку, если это невозможно сделать. Платформы, шаблоны и знания у всех разные, и если не получается, то лучше сконцентрироваться на чем-то другом, направить свои действия на улучшение того, что лучше получается. Ведь успешное продвижение в поисковых системах зависит от совокупности целого ряда факторов. Чем больше мы уделяем внимание <a href="/social-network/pochemu-ne-rastet-poseshchaemost-bloga-pochemu-ne-rastet-poseshchaemost-bloga.html">внутренней оптимизации</a>, тем меньше нам требуется внешняя. Если внутренняя уже исчерпала себя, то надо переключаться на внешнюю оптимизацию.</p>
<p>Данная статья направлена, в первую очередь, на понимание темы, теории. В век CMS правильно сделать заголовки не сложно, но к сожалению, для этого надо обладать более глубокими знаниями в сайтостроении и программировании. И если для основного большинства моих читателей данная статья больше для ознакомления, то для тех, кто когда-нибудь будет заказывать создание сайтов Чебоксары или в любом другом городе мира, составлять <a href="/download/kak-napisat-tehnicheskoe-zadanie-na-razrabotku-kak-pravilno-sostavit.html">техническое задание</a> для верстальщика, программиста, создавать свой сайт самостоятельно, сможет либо объяснить, либо применить эти знания на практике.</p><p>Например, я давно собираюсь поэкспериментировать с шаблоном, и сделать именно так, как описала в статье, потому что считаю это самым <a href="/text/otlichie-invertornogo-kondicionera-ot-obyknovennogo-invertornyi-ili.html">оптимальным вариантом</a>. Но я пока не так сильна в XML (для Blogger) и в PHP (для WordPress), чтобы сходу сообразить, как для разных страниц сделать разные заголовки. Но зато, после этой статьи у меня будет больше стимула воплотить свои идеи на практике, и я обязательно расскажу вам, как это у меня получилось. Естественно, не только расскажу, но и поделюсь.
</p><p><b>Статьи про то, и готовы.
</b></p>
<p>Если какие-то вопросы я раскрыла не достаточно полно, спрашивайте в комментариях, дополню. Пишу эти слова, т.к. чувствую, что в голове ещё что-то осталось недосказанное, но никак не могу вспомнить, что. Поэтому спрашивайте.</p>
<p>Задумывались ли вы когда-нибудь о том, чтобы вести коллективный блог или хотя бы найти второго автора для своего блога. Если такие мысли вас посещают, то стоит обратить внимание на статью Недостатки нескольких авторов блога . Там же, на блоге, можете найти статью и о достоинствах.</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>
<div class="social-share">
<p class="title">Понравилась статья?</p>
<div class="share js-socials-share"></div>
</div>
<div class="related-posts"><div class="wp_rp_wrap wp_rp_plain" id="wp_rp_first"><div class="wp_rp_content"><div class="row js-advices-row">
<div class="col-sm-4">
<div class="post-announce" data-position="0" data-poid="in-6915" data-post-type="none"><a href="/tools/vnedrenie-sistemy-as-wms-effektivnoe-upravlenie-skladskimi-resursami.html" class="wp_rp_thumbnail thumb"><img src="/uploads/8f432ab49859e93ee3efe26cc74ee4a8ub-250x200.png" alt="Внедрение системы AS WMS: Эффективное Управление Складскими Ресурсами" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/tools/vnedrenie-sistemy-as-wms-effektivnoe-upravlenie-skladskimi-resursami.html" class="wp_rp_title">Внедрение системы AS WMS: Эффективное Управление Складскими Ресурсами</a></p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="post-announce" data-position="0" data-poid="in-6915" data-post-type="none"><a href="/android/kak-vklyuchit-spyashchii-rezhim-na-huavei-nastroika-spyashchego-rezhima.html" class="wp_rp_thumbnail thumb"><img src="/uploads/04c6a46310e45055f21b51b1e00ad479.jpg" alt="Настройка спящего режима в Android или как сделать, чтобы экран не отключался" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/android/kak-vklyuchit-spyashchii-rezhim-na-huavei-nastroika-spyashchego-rezhima.html" class="wp_rp_title">Настройка спящего режима в Android или как сделать, чтобы экран не отключался</a></p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="post-announce" data-position="0" data-poid="in-6915" data-post-type="none"><a href="/tools/remont-ajjfona-sovety-i-prakticheskie-navyki.html" class="wp_rp_thumbnail thumb"><img src="/uploads/0bce8f387f89f3c864f1a2bf2a619881ub-250x200.png" alt="Ремонт Айфона: Советы и Практические Навыки" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/tools/remont-ajjfona-sovety-i-prakticheskie-navyki.html" class="wp_rp_title">Ремонт Айфона: Советы и Практические Навыки</a></p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="post-announce" data-position="0" data-poid="in-6915" data-post-type="none"><a href="/utilities/primenenie-mnogopotochnosti-v-igrah-kak-vklyuchit-vse-yadra.html" class="wp_rp_thumbnail thumb"><img src="/uploads/492a586ad09408d652d966aaf9811558.jpg" alt="Как включить все ядра процессора Объединяя все компоненты" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/utilities/primenenie-mnogopotochnosti-v-igrah-kak-vklyuchit-vse-yadra.html" class="wp_rp_title">Как включить все ядра процессора Объединяя все компоненты</a></p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="post-announce" data-position="0" data-poid="in-6915" data-post-type="none"><a href="/graphic-editors/mozhno-li-v-yandekse-sdelat-nochnoi-rezhim-berezh-m-glaza-pri-nochnoi.html" class="wp_rp_thumbnail thumb"><img src="/uploads/27e4661693453995711580191a971901.jpg" alt="Бережём глаза при ночной работе за компьютером" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/graphic-editors/mozhno-li-v-yandekse-sdelat-nochnoi-rezhim-berezh-m-glaza-pri-nochnoi.html" class="wp_rp_title">Бережём глаза при ночной работе за компьютером</a></p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="post-announce" data-position="0" data-poid="in-6915" data-post-type="none"><a href="/utilities/anshlag-users-registration-php-sozdaem-neveroyatnuyu-prostuyu-sistemu.html" class="wp_rp_thumbnail thumb"><img src="/uploads/b2bded92e630054b3402b10adc369d41.jpg" alt="Создаем невероятную простую систему регистрации на PHP и MySQL" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/utilities/anshlag-users-registration-php-sozdaem-neveroyatnuyu-prostuyu-sistemu.html" class="wp_rp_title">Создаем невероятную простую систему регистрации на PHP и MySQL</a></p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="post-announce" data-position="0" data-poid="in-6915" data-post-type="none"><a href="/graphics/chto-nuzhno-nabrat-chtoby-vosstanovit-nomer-kievstar-sposoby.html" class="wp_rp_thumbnail thumb"><img src="/uploads/7bf8da13ec6fb034e71d98612c15874f.jpg" alt="Способы восстановления номера на операторе киевстар" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/graphics/chto-nuzhno-nabrat-chtoby-vosstanovit-nomer-kievstar-sposoby.html" class="wp_rp_title">Способы восстановления номера на операторе киевстар</a></p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="post-announce" data-position="0" data-poid="in-6915" data-post-type="none"><a href="/tools/xiaomi-ne-vidit-garnituru-obzor-xiaomi-mi-bluetooth-headset-nedorogaya.html" class="wp_rp_thumbnail thumb"><img src="/uploads/b5b7ea4de728b0b70ca333fc7e860874.jpg" alt="Обзор Xiaomi Mi Bluetooth headset" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/tools/xiaomi-ne-vidit-garnituru-obzor-xiaomi-mi-bluetooth-headset-nedorogaya.html" class="wp_rp_title">Обзор Xiaomi Mi Bluetooth headset</a></p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="post-announce" data-position="0" data-poid="in-6915" data-post-type="none"><a href="/multimedia/gde-v-reestre-nahoditsya-sticky-notes-microsoft-sticky-notes-chto-eto-za-programma-i-nuzhna.html" class="wp_rp_thumbnail thumb"><img src="/uploads/3a7f19a8bef0dcb286e830136f9fdb86.jpg" alt="Microsoft Sticky Notes что это за программа и нужна ли она?" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/multimedia/gde-v-reestre-nahoditsya-sticky-notes-microsoft-sticky-notes-chto-eto-za-programma-i-nuzhna.html" class="wp_rp_title">Microsoft Sticky Notes что это за программа и нужна ли она?</a></p>
</div>
</div>
</div>
</div></div></div></div>
</div>
<div class="g-sidebar site-sidebar">
<aside id="ratios_list_widget-2" class="sidebar-widget ">
<div class="widget-head have-icon">
<span class="icon icon-ratio"></span>
<span class="title">Популярное</span>
</div>
<div class="widget-body">
<ul class="ratios-list">
<li>
<span class="num">1</span>
<p class="title">Ssd m2 pci e 3.0 установка. SSD с интерфейсом PCI Express: обзор и тестирование пяти моделей. Подробный видео обзор
</p>
</li>
<li>
<span class="num">2</span>
<p class="title">Причины, по которым Яндекс
</p>
</li>
<li>
<span class="num">3</span>
<p class="title">Клавиатуры: лучшие, новейшие, удобнейшие Лучшие геймерские клавиатуры с подсветкой
</p>
</li>
<li>
<span class="num">4</span>
<p class="title">Как бесплатно скачать браузер Амиго?
</p>
</li>
<li>
<span class="num">5</span>
<p class="title">Как сделать сетевой сканер
</p>
</li>
<li>
<span class="num">6</span>
<p class="title">Как настроить роутер без помощи специалиста
</p>
</li>
</ul>
</div>
</aside>
<aside id="new_posts_widget-2" class="sidebar-widget ">
<div class="widget-head have-icon">
<span class="icon icon-new"></span>
<span class="title">Новые статьи</span>
</div>
<div class="widget-body">
<ul class="posts-list delimited">
<li>
<a href="/download/obzor-marshrutizatora-asus-rt-ac53-perehodnyi-period-proizvoditelnost-i-harakteristiki-raboty.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/1b3cdb56790c74222a428ee2b7a0c71a.jpg" alt="Производительность и характеристики работы" / loading=lazy></span>
</span>
<span class="title">Производительность и характеристики работы</span>
</span>
</a>
</li>
<li>
<a href="/players/avtomaticheskie-krany-dlya-sbora-bitkoinov-chto-takoe-bitkoin-krany-na-avtomate-bez-kapchi-i-kak-na-et.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/490446c4c24866e4fe82248d3787cbf6.jpg" alt="Что такое биткоин-краны на автомате без капчи, и как на этом можно зарабатывать?" / loading=lazy></span>
</span>
<span class="title">Что такое биткоин-краны на автомате без капчи, и как на этом можно зарабатывать?</span>
</span>
</a>
</li>
<li>
<a href="/social-network/proshivka-samsung-galaxy-j5-oshibka-ustanovka-oficialnoi-proshivki-na-samsung-galaxy-j5.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/7bf3a7e8991e6c8b75e99c777325488f.jpg" alt="Установка официальной прошивки на Samsung Galaxy J5 SM-J500F" / loading=lazy></span>
</span>
<span class="title">Установка официальной прошивки на Samsung Galaxy J5 SM-J500F</span>
</span>
</a>
</li>
<li>
<a href="/social-network/oznachaet-oshibka-400-bad-request-oshibka-dostupa-400-bad-request-chto-eto-takoe-i-kak.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/d8a632057e583fa8f7f6dff486a365b7.jpg" alt="Ошибка доступа "400 Bad request": что это такое, и как исправить ситуацию?" / loading=lazy></span>
</span>
<span class="title">Ошибка доступа "400 Bad request": что это такое, и как исправить ситуацию?</span>
</span>
</a>
</li>
<li>
<a href="/text/kakoe-kachestvo-filma-luchshe-satrip-camrip-bdrip-ili-hdrip-chto-takoe-dvdrip.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/24c1f81e72fbb17fa8ddef2270ee997c.jpg" alt="Что такое DVDRip, CAMRip, TS, TC, DVDSrc и т" / loading=lazy></span>
</span>
<span class="title">Что такое DVDRip, CAMRip, TS, TC, DVDSrc и т</span>
</span>
</a>
</li>
</ul>
</div>
</aside>
<aside id="new_posts_widget-2" class="sidebar-widget ">
<div class="widget-head have-icon">
<span class="icon icon-new"></span>
<span class="title">Новые статьи</span>
</div>
<div class="widget-body">
<ul class="posts-list delimited">
<li>
<a href="/tools/vnedrenie-sistemy-as-wms-effektivnoe-upravlenie-skladskimi-resursami.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/8f432ab49859e93ee3efe26cc74ee4a8ub-85x50.png" alt="Внедрение системы AS WMS: Эффективное Управление Складскими Ресурсами" / loading=lazy></span>
</span>
<span class="title">Внедрение системы AS WMS: Эффективное Управление Складскими Ресурсами</span>
</span>
</a>
</li>
<li>
<a href="/android/kak-vklyuchit-spyashchii-rezhim-na-huavei-nastroika-spyashchego-rezhima.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/bee615a19fc90fd4d53609dbca7387f9.jpg" alt="Настройка спящего режима в Android или как сделать, чтобы экран не отключался" / loading=lazy></span>
</span>
<span class="title">Настройка спящего режима в Android или как сделать, чтобы экран не отключался</span>
</span>
</a>
</li>
<li>
<a href="/tools/remont-ajjfona-sovety-i-prakticheskie-navyki.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/0bce8f387f89f3c864f1a2bf2a619881ub-85x50.png" alt="Ремонт Айфона: Советы и Практические Навыки" / loading=lazy></span>
</span>
<span class="title">Ремонт Айфона: Советы и Практические Навыки</span>
</span>
</a>
</li>
<li>
<a href="/utilities/primenenie-mnogopotochnosti-v-igrah-kak-vklyuchit-vse-yadra.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/aebfeb9a512279c44daf4243dadcba0d.jpg" alt="Как включить все ядра процессора Объединяя все компоненты" / loading=lazy></span>
</span>
<span class="title">Как включить все ядра процессора Объединяя все компоненты</span>
</span>
</a>
</li>
<li>
<a href="/graphic-editors/mozhno-li-v-yandekse-sdelat-nochnoi-rezhim-berezh-m-glaza-pri-nochnoi.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/8c1f681348e4d18fd9208e84dbb09533.jpg" alt="Бережём глаза при ночной работе за компьютером" / loading=lazy></span>
</span>
<span class="title">Бережём глаза при ночной работе за компьютером</span>
</span>
</a>
</li>
</ul>
</div>
</aside>
<aside id="top_posts_widget-2" class="sidebar-widget ">
<div class="widget-head have-icon">
<span class="icon icon-new"></span>
<span class="title">Популярное</span>
</div>
<div class="widget-body">
<ul class="posts-list delimited">
<li>
<a href="/utilities/anshlag-users-registration-php-sozdaem-neveroyatnuyu-prostuyu-sistemu.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/114031cdc3080105cd53350ebd1594e4.jpg" alt="Создаем невероятную простую систему регистрации на PHP и MySQL" / loading=lazy></span>
</span>
<span class="title">Создаем невероятную простую систему регистрации на PHP и MySQL</span>
</span>
</a>
</li>
<li>
<a href="/graphics/chto-nuzhno-nabrat-chtoby-vosstanovit-nomer-kievstar-sposoby.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/54181562ae86514480de726c4a600863.jpg" alt="Способы восстановления номера на операторе киевстар" / loading=lazy></span>
</span>
<span class="title">Способы восстановления номера на операторе киевстар</span>
</span>
</a>
</li>
<li>
<a href="/tools/xiaomi-ne-vidit-garnituru-obzor-xiaomi-mi-bluetooth-headset-nedorogaya.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/a127459ad0302b65ba10f44e0e95be6d.jpg" alt="Обзор Xiaomi Mi Bluetooth headset" / loading=lazy></span>
</span>
<span class="title">Обзор Xiaomi Mi Bluetooth headset</span>
</span>
</a>
</li>
<li>
<a href="/multimedia/gde-v-reestre-nahoditsya-sticky-notes-microsoft-sticky-notes-chto-eto-za-programma-i-nuzhna.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/4ca4021a3d1c2c4f02fa21f1525de28b.jpg" alt="Microsoft Sticky Notes что это за программа и нужна ли она?" / loading=lazy></span>
</span>
<span class="title">Microsoft Sticky Notes что это за программа и нужна ли она?</span>
</span>
</a>
</li>
<li>
<a href="/graphic-editors/ssd-m2-pci-e-3-0-ustanovka-ssd-s-interfeisom-pci-express-obzor-i-testirovanie.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/78b12e5c6b97ff10affce9c9d6fc65c3.jpg" alt="Ssd m2 pci e 3.0 установка. SSD с интерфейсом PCI Express: обзор и тестирование пяти моделей. Подробный видео обзор" / loading=lazy></span>
</span>
<span class="title">Ssd m2 pci e 3.0 установка. SSD с интерфейсом PCI Express: обзор и тестирование пяти моделей. Подробный видео обзор</span>
</span>
</a>
</li>
</ul>
</div>
</aside>
<aside id="text-3" class="sidebar-widget widget_text">
<div class="textwidget">
<div class="sticky-block">
</div>
</div>
</aside>
</div>
</div>
</div>
<footer class="site-footer">
<div class="footer-container">
<div class="logo-area">
<span class="logo1">
</span>
</div>
<div class="pane-right">
<ul id="menu-v-podvale" class="menu">
<li class="menu-item type-post_type object-page "><a href="">О проекте</a></li>
<li class="menu-item type-post_type object-page "><a href="/feedback.html">Контактная информация</a></li>
<li class="menu-item type-post_type object-page "><a href="">Реклама на сайте</a></li>
</ul> <div class="credits">
<p class="copy">© 2024 multxit.ru</p>
Андроид. Мультимедиа. Социальные сети. Инструменты. Кодеки. Графика
</div>
</div>
</div>
</footer>
<div id="sendresult" style="display: none;">
<div class="popup-win">
<p class="win-title">Спасибо!</p>
<p class="win-message">Ваше сообщение отправлено.</p>
</div>
</div>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=cyrillic">
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'>
<script src="https://multxit.ru/wp-content/themes/domotmoem/js/bxslider/jquery.bxslider.min.js"></script>
<script src="https://multxit.ru/wp-content/themes/domotmoem/js/fancybox/jquery.fancybox.pack.js"></script>
<script src="https://multxit.ru/wp-content/themes/domotmoem/js/share/share.min.js"></script>
<script src="https://multxit.ru/wp-content/themes/domotmoem/js/app/app.min.js"></script>
<style type="text/css">
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
.dwqa-questions-list .dwqa-question-item {
padding-left: 70px;
}
.dwqa-questions-list .dwqa-question-item .avatar {
position: static;
width: 12px;
height: 12px;
margin-right: 5px;
margin-top: 0;
display: inline-block;
}
.dwqa-question-item .dwqa-status {
position: absolute;
left: 15px;
top: 50%;
width: 36px;
height: 36px;
margin-top: -18px;
border-radius: 36px;
text-indent: -9999px;
padding: 0;
background: none;
box-shadow: 0 0 0 1px #e67e22 inset;
}
.dwqa-question-item .dwqa-status:after {
content: "\f128";
display: block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #e67e22;
text-indent: 0;
font-size: 18px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
top: 0;
position: absolute;
}
.dwqa-question-item .dwqa-status-closed {
box-shadow: 0 0 0 1px #666 inset;
}
.dwqa-question-item .dwqa-status-closed:after {
color: #666;
content: "\f023";
}
.dwqa-question-item .dwqa-status-resolved {
box-shadow: 0 0 0 1px #578824 inset;
}
.dwqa-question-item .dwqa-status-resolved:after {
color: #578824;
content: "\f00c";
}
.dwqa-question-item .dwqa-status-answered {
box-shadow: 0 0 0 1px #1ba1e2 inset;
}
.dwqa-question-item .dwqa-status-answered:after {
color: #1ba1e2;
content: "\f112";
font-size: 14px;
}
</style>
<script type='text/javascript' src='https://multxit.ru/wp-content/plugins/akismet/_inc/form.js?ver=3.2'></script>
<link rel='stylesheet' id='in_posts_adv-css' href='/wp-content/plugins/in-posts-adv/css/ipa.min.css?ver=8e8e885e5afaeff2f05325ad207caad6' type='text/css' media='all' />
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.7.8'></script>
<script type='text/javascript' src='https://multxit.ru/wp-content/plugins/in-posts-adv/js/ipa.min.js?ver=8e8e885e5afaeff2f05325ad207caad6'></script>
<script>
(function(){
var a = document.querySelector('.sticky-block'), b = null, P = 20;
window.addEventListener('scroll', Ascroll, false);
document.body.addEventListener('scroll', Ascroll, false);
function Ascroll() {
if (b == null) {
var Sa = getComputedStyle(a, ''), s = '';
for (var i = 0; i < Sa.length; i++) {
if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) {
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '
}
}
b = document.createElement('div');
b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;';
a.insertBefore(b, a.firstChild);
var l = a.childNodes.length;
for (var i = 1; i < l; i++) {
b.appendChild(a.childNodes[1]);
}
a.style.height = b.getBoundingClientRect().height + 'px';
a.style.padding = '0';
a.style.border = '0';
}
var Ra = a.getBoundingClientRect(),
R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('.footer-container').getBoundingClientRect().top + 0);
if ((Ra.top - P) <= 0) {
if ((Ra.top - P) <= R) {
b.className = 'stop';
b.style.top = - R +'px';
} else {
b.className = 'sticky';
b.style.top = P + 'px';
}
} else {
b.className = '';
b.style.top = '';
}
window.addEventListener('resize', function() {
a.children[0].style.width = getComputedStyle(a, '').width
} , false);
}
} )()
</script>
</body>
</html>
