Здравствуйте, дорогие читатели. Сегодня хочу уделить особое внимание теме заголовков в тегах 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> должно быть какое-то обращение к посетителю, и в идеальной ситуации, это обращение должно включать в себя заголовок, который в свою очередь должен содержать в себе тематику сайта (ключевое слово, отражающее тематику сайта). Значит, этот заголовок должен быть в теге:</p>
<blockquote><p><h2>Заголовок статьи-обращения к посетителю</h2>.</p>
</blockquote>
<p>Далее, в этой статье-обращении может
(а я настаиваю на том, что <b>должен
</b>
) быть подзаголовок, которые ещё более раскрывает все аспекты тематики сайта. Так же включает в себя какие-то <a href="/multimedia/kak-opredelit-poiskovye-zaprosy-operator-minus---ubrat-opredel-nnye.html">ключевые слова</a>, которые могут быть или должны быть близки к названию сайта или заголовка статьи. Такой подзаголовок должен быть в теге:</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>Казалось бы, на все вопросы ответили, и тема должна быть исчерпана, но не все так просто. Дело в том, что, как правило, внутренние страницы отличаются от главной, при этом, так же важно, чтобы они тоже были хорошо оптимизированы, чтобы мы получали с них трафик с поисковых систем. Поэтому, для них очень желательно применять свою иерархию заголовков.</p>
<p>Из моей картинки в примере, если на сайте есть отдельные статьи о <i>Продвижении в поисковиках
</i> и <i>Продвижении в социальных сетях
</i>, то, для внутренней структура заголовков должна быть такой:</p>
<p><img src='https://i0.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>, но не надо биться головой о стенку, если это невозможно сделать. Платформы, шаблоны и знания у всех разные, и если не получается, то лучше сконцентрироваться на чем-то другом, направить свои действия на улучшение того, что лучше получается. Ведь успешное продвижение в поисковых системах зависит от совокупности целого ряда факторов. Чем больше мы уделяем внимание внутренней оптимизации, тем меньше нам требуется внешняя. Если внутренняя уже исчерпала себя, то надо переключаться на внешнюю оптимизацию.</p>
<p>Данная статья направлена, в первую очередь, на понимание темы, теории. В век CMS правильно сделать заголовки не сложно, но к сожалению, для этого надо обладать более глубокими знаниями в сайтостроении и программировании. И если для основного большинства моих читателей данная статья больше для ознакомления, то для тех, кто когда-нибудь будет заказывать создание сайтов Чебоксары или в любом другом городе мира, составлять техническое задание для верстальщика, программиста, создавать свой сайт самостоятельно, сможет либо объяснить, либо применить эти знания на практике.</p><p>Например, я давно собираюсь поэкспериментировать с шаблоном, и сделать именно так, как описала в статье, потому что считаю это самым оптимальным вариантом. Но я пока не так сильна в XML (для Blogger) и в PHP (для WordPress), чтобы сходу сообразить, как для разных страниц сделать разные заголовки. Но зато, после этой статьи у меня будет больше стимула воплотить свои идеи на практике, и я обязательно расскажу вам, как это у меня получилось. Естественно, не только расскажу, но и поделюсь.
</p><p><b>Статьи про то, и готовы.
</b></p>
<p>Если какие-то вопросы я раскрыла не достаточно полно, спрашивайте в комментариях, дополню. Пишу эти слова, т.к. чувствую, что в голове ещё что-то осталось недосказанное, но никак не могу вспомнить, что. Поэтому спрашивайте.</p>
<p>Задумывались ли вы когда-нибудь о том, чтобы вести коллективный блог или хотя бы найти второго автора для своего блога. Если такие мысли вас посещают, то стоит обратить внимание на статью Недостатки нескольких авторов блога . Там же, на блоге, можете найти статью и о достоинствах.</p>
<p>Желаю удачи в развитии ваших блогов.</p>
<p>Добрый день, уважаемые посетители.</p><p>Сегодня будет статья по теме заголовков H1-H6 для на сайте.</p> <i>
</i> <p>Наверняка, все уже знаю, что это за заголовки такие, но уверен, что не каждый знает тонкие моменты в их употреблении и не догадываться, что их использование на страницах ресурса преследует всего лишь 2 задачи.</p><h2>Цели и примеры использования</h2><p>Основные 2 цель заголовков в тегах H1-H6 - оформление и структуризация контента на страницах ресурса с целью сделать его более читаемым и легко потребляемым посетителями сайта. Никаких других целей мы не должны преследовать от этих тегов.</p><p>Кроме простого употребления в качестве элементов структуризации контента и его оформления, посетители часто используют данные теги, чтобы придать необходимый дизайн отдельным фразам или даже целым предложениям. Получается ситуация, когда тег H6 (например) имеет дизайн просто жирного шрифта и вместо того, чтобы выделить строчку в тексте тегом <strong>, они заключают его в тег H6. Это в корне неправильно.</p><p>Заголовки в данных тегах должны использоваться лишь для разбиения текста на логические части. Никаких выделений целых предложений и отдельных фраз.</p><p>К тому же заголовки H1-H6 имеют иерархию, что делает их различным по оформлению, как минимум по размеру шрифта. Каждый низший уровень должен быть менее заметный, чем вышестоящий над ним.</p><p>На изображении видно правильное оформление заголовков в данных тегах, когда размер шрифта идет по убыванию от верхнего уровня к низшему. Если же у вас будет ситуация отличная от этой, то уже стоит обратиться к стилям оформления вашего сайта и отредактировать их должным образом.</p><p>Но тут один момент - проследите, чтобы заголовки нижнего уровня (ближе к H6) были похожи на заголовки и не сливались с обычным текстом. Они должны быть похожи на заголовки, а не просто на жирный шрифт.</p><p>Исходя из такого оформления, мы можем понять, что заголовки должны выдерживать свою иерархию при употреблении их в качестве элементом структуризации текста. Не может быть такого, что сначала идет первый заголовок H1, а затем сразу H5 или H6. После первого уровня логично и правильно будет использовать только заголовок в теге H2. Это важно, как с точки зрения самого оформления материала, так с точки зрения выдержки правильной структуры.</p><p>Поисковые системы сейчас обращают внимание на данные теги. Но не как на СЕО элементы, а как на элементы структурирования. Поэтому странно будет, если идет H1, а потом сразу H6.</p><p>При использовании данных тегов мы обязательно выдерживаем структуру. Если опускаемся на уровень вниз, то никаких прыжков через уровень. Структуру должна быть следующей: H1-H2-H3-H4-H5-H6.</p><p>Стоит сказать, что употребление заголовка уровня H1 в данных случаях не будет уместно, так как он должен употребляться один единственный раз на странице и должен содержать в себе название материала.
Поэтому, в тексте его употреблять нет необходимости.</p><p>Сейчас я расскажу основные моменты использования заголовка H1, но перед этим дам пару общих советов, которые справедливы для заголовков всех уровней.</p><ul><li>Не заканчиваются точкой;</li><li>Выдерживаем иерархию при употреблении;</li><li>Нет цели разместить ключевые слова;</li><li>Имеют место быть даже в очень коротких статьях, так как любой текст можно разбить на логические части;</li><li>В заголовке вписывает краткую суть последующего текста, а не что-то "лишь бы было".</li>
</ul><h2>Основы использования H1</h2><p>Вышеперечисленные правила также актуальны, но кроме них имеются обязательные именно для этого уровня заголовка.</p><ul><li>H1 всегда один раз на каждой странице;</li><li>Побуждаем пользователя к прочтению материала, поэтому имеется смысл использовать цепкие слова (например, секреты, лучшие фишки и так далее);</li><li>Делаем отличным от тега title, который отображает название страницы в поисковой выдаче и побуждает переход на страницу сайта из поиска. Он должен быть немного отличным, но обязательно должен давать понимание того, что контекст материала на странице не изменился;</li><li>Употребляем ключевое слово статьи, но в разбавленной форме, а не в точном вхождении;</li><li>Не рекомендуется использовать знаки препинания.</li>
</ul><h3>Использование на практике</h3><p>Выше я писал, что H1 используется всего лишь 1 раз на странице и он должен быть встроен автоматически в верстку шаблона сайта и подставляться также будет автоматически в заголовок. Проверьте этот момент. Проанализируйте свои заголовки статей и посмотрите, чтобы они были заключены в H1. Если это не так, то редактируем свой шаблон.</p><p>Распространенная ситуация, когда вместо H1 стоит H2. Это не является грубой ошибкой, но лучше такого не допускать.</p><p>Если мы говорим об использовании остальных уровней заголовков H2-H6, то их уже стоит использовать в ручном режиме.</p><p>Использовав какую-нибудь CMS для создания сайта, данные заголовки добавляются в статьи очень просто. Например, в WordPress на панели форматирования в редакторе страницы всегда имеется пункт заголовков, где можно выбрать нужный уровень, ранее выделив нужный текст, который необходимо заключить в заголовок.</p><p><img src='https://i2.wp.com/kostyakhmelev.ru/wp-content/uploads/2015/02/zagolovki-v-Wordpress.jpg' align="center" height="512" width="288" loading=lazy></p><p>Так с каждым движком. Если же используете HTML верстку сайта и необходимо добавлять теги в ручном режиме, то сложностей тут не возникнет. Стоит лишь заключать нужные части текста между открывающим и закрывающим тегами с нужным уровнями. Смотрите ниже примеры.</p> <p><h2>заголовок 2го уровня</h2>
<h3>заголовок 3го уровня</h3>
<h4>заголовок 4го уровня</h4>
<h5>заголовок 5го уровня</h5>
<h6>заголовок 6го уровня</h6></p><p>Что касается стилей оформления для каждого уровня, то в файле стилей стоит добавить правила к каждому уровню.</p> <p>Заметьте, что перед названием уровня заголовка в стилях нет никаких точек и решеток. Внутри скобок указываем сами стили: тип шрифта, размер, цвет, фон и так далее.</p> <h2>Дизайн заголовков H1-H6</h2><p>Если вы сделаете свои заголовкам уникальный выделяющийся дизайн, то посетители вас за это только поблагодарят и оформление контента будет на высшем уровне. Сейчас простые заголовки с большим размером шрифта и <a href="/players/html-vydelenie-vydelenie-teksta-zhirnym-kursivom-i-cvetom.html">жирным выделением</a> уже уходят в прошлое.</p><p>В моду приходят простые, но в то же время оформление заголовки с помощью <a href="/optimization/sozdanie-kontura-obekta-figury-iz-vydeleniya-v-programme-fotoshop-razlichnyh.html">различных выделений</a> линиями, подчеркиваниями с помощью фоном и так далее.</p><p>Я когда-то давал уже некоторые примеры таких дизайнов. Даже, если взять мой блог, то главный заголовок в H1 оформлен не просто большим шрифтом на белом фоне с остальным текстом. Он отделен серой рамкой на общем фоне сайта, что делает его более заметным и акцентирует внимание на нем.</p><p>Приведу вам еще 2 примера оформленных заголовков в H1.</p><p>Как видим, это не просто жирный шрифт, а <a href="/download/krasivye-fony-dlya-raboty-s-fotoshop-tekstury-fony-skachat-s.html">красивый фон</a> с волнистой нижней поверхностью и подчеркнутой верхней.</p><p>Также интересное оформление можете сами посмотреть на <span>этой странице
</span>.</p><p>Что касается заголовков H2-H6, то их не просто можно оформлять каким-то фоном, а делать им нумерацию (если используете содержание в начале страницы) в виде <a href="/internet/skachat-krasivuyu-avatarku-prikolnye-kartinki-na-avu-pacanu.html">красивых картинок</a>. Опять же, это не должны быть <a href="/utilities/kak-vzyat-doveritelnyi-platezh-50-kak-poluchit-obeshchannyi.html">простые цифры</a>. Вот <a href="/tools/kak-zapisat-login-chto-takoe-login-i-parol-zachem-nuzhen-login-kak-ego.html">хороший пример</a> такой задумки.</p><p>Когда вы знаете то, чего не знают, а тем более не делают большинство, можно перейти и рассмотреть основные ошибки в употреблении заголовков всех уровней на вашем сайте.</p> <h2>Ошибки в употреблении</h2><p>Все ошибки вы уже могли и сами додумать, изучив весь материал выше, но имеются некоторые нюансы. Перечислю все, что может относится именно к вам и то, что немедленно необходимо исправить.</p><ul><li>Больше одного H1 на странице. Это не правильно. Только один раз в каждом документе;</li><li>Использования тегов H1-H6 для оформление <a href="/internet/skachat-apus-launcher-dlya-versii-2-2-apus-launcher-tema-legkii-ckryt.html">дополнительных элементов</a> сайта. В самом начале я писал, что предназначение этих документов - оформление и структуризация контента. Поэтому, их стоит использовать только в контенте. Большинство шаблонов сайтов содержат данные теги в боковых колонках для придания стилей их названий и так далее. Ярко выражено это в <a href="/download/plagin-poiska-turov-dlya-wordpress-russkie-wordpress-turizm-shablony-s-premium-dizainom-i.html">шаблонах WordPress</a>, когда название каждого виджета в сайдбаре заключено в H3 или в другие теги.Если такая ситуация имеется, то заменяете заголовочные теги в служебных элементах сайта на другие, например на тег "span";</li><li>Специально вписываем ключевые слова. Раньше бытовало мнение, что вписав ключевые слова в прямом вхождении в заголовки всех уровней, можно повысить их плотность и позиции такой страницы будет выше. Но сейчас это уже "карается законом" поисковых систем и накладываются санкции за спам в заголовках. Тем более, данные теги ранжируются по другим алгоритмам. Вывод:
нет цели вписать ключевые слова;</li><li>Частое употребление точек и знаков препинания. Точки в заголовках вообще употреблять не стоит, так как это неправильно с точки зрения, как копирайтинга, так и <a href="/download/nastroika-podklyucheniya-po-lokalnoi-seti-windows-lokalnaya-set.html">общих правил</a> оформления текстов. Количество знаков препинания также стараемся минимизировать, чтобы повысить читаемость заголовков. Сюда же можно отнести и <a href="/players/nastroika-raboty-windows-8-uvelichenie-proizvoditelnosti-operacionnoi.html">большое количество</a> слов - не делаем слишком длинные заголовки;</li><li>Не соблюдается выдержка структуры с точки зрения иерархии. Старайтесь соблюдать логическую цепочку в построении иерархии тегов H2-H6 на каждой странице;</li><li>Использование тегов H1-H6 для оформления других элементов текста, а не заголовка. Это то, о чем я говорил выше, когда некорректно настроены стили оформления каждого тега и вместо обычного выделения жирным можно использовать заголовок какого-нибудь уровня.</li><li>Заголовок не уместен или не несет контекст текста, который идет за ним. Чтобы научиться создавать логические заголовки, возьмите пару хорошо оформленных книг, которые вам было легко читать. Также ориентируйтесь на структуризацию контента на сайте Википедии;</li><li>Неиспользование заголовков H1-H6 вообще или же отсутствие на небольших текстах. Просто полное отсутствие и говорить не о чем, а вот про отсутствие на небольших страницах - момент сомнительный, так как любой текст (даже минимальные 1000 символов) имеют логическую структуру. Переход от одной темы к другой. Почему бы его не разбить на логические части подзаголовками различных уровней?</li>
</ul><p>Вот и все, дорогие веб-мастера. Материал про заголовки на сайте подошел к концу. Вышел он довольно затянутый. Где-то я повторялся, но это только, чтобы акцентировать ваше внимание на ключевых мыслях статьи. Надеюсь, что данный материал вам пригодился.</p><blockquote><p>Кстати, сможете найти небольшой недочет по моим заголовкам на сайте? Если да, то пишите в комментарии. Данный момент не сильно заметен, но он имеется.</p>
</blockquote><p>До встречи в следующих материалах. Все еще впереди.</p><p>С уважением, Константин Хмелев!</p>
<p><input type="checkbox" id="aside"><i>
</i></p>
<p>Первый заголовок, на который часто посетитель сайта не обращает внимание — тот, который показан на вкладке браузера (). Для поисковой системы он самый главный, так как именно его Яндекс, Google и др. <b>чаще всего
</b> () используют в качестве заголовка сниппета.</p><p>Второй заголовок находится в теге h1 . Далее подзаголовки <a href="/players/kak-umenshit-fail-img-bez-poteri-kachestva-kak-preobrazovat-jpg-faily-v.html">меньших размеров</a>. Если собрать их все, то должна быть чётко видна структура веб-документа подобно главам школьного учебника. Такая раздробленная на разделы и подразделы информация легко воспринимается, найти необходимый материал на странице не вызывает затруднений.</p><p>Важные замечания:</p><ul><li>заголовок доступно поясняет содержание страницы, раздела, подраздела. Это не инструмент оформления текста. Не нужно им выделять пункт меню, который ничего не содержит, кроме заголовка.</li><li>заголовок — это слово, фраза, предложение. Он не должен быть длинным.</li><li>заголовок — это всё предложение, а не его часть. Для оформления одного-нескольких слов существуют такие теги как strong , mark , em и др. ().</li><li>если статья строится в формате "вопрос-ответ" и ответ в большинстве случаев короткий (например, инструкция лекарственного препарата), то вместо тегов h правильней использовать тройку dl , dt , dd .</li>
</ul><h2>Проверить h1 страницы</h2>
<p>Сейчас фразу в любом теге можно сделать заголовком с помощью <a href="/players/podklyuchenie-vneshnih-stilei-css-k-html-kak-podklyuchit-css-fail-k-html-stranice.html">стилей CSS</a>: увеличить шрифт и/или размер текста. Для того, чтобы проверить количество тегов h1 и их содержимое, достаточно , никаких <a href="/internet/iks-tvich-sposoby-vzryvnoi-raskrutki-twitch-kanala-rasshireniya-i.html">дополнительных расширений</a> не требуется. Такой инструмент, можно вывести, если нажать клавишу <F12> :
</p><h2>Разница в использовании h1 , h2 , h3 , h4 , h5 , h6 в HTML5 и HTML4</h2>
<p>Перед дальнейшим чтением желательно ознакомиться с примерами, описанными в стандартах самостоятельно.</p><h3>Один h1 на странице (версия HTML4)</h3>
<ul><li>Пошаговое решение судоку
<ul><li>Программа решения судоку с объяснениями (онлайн)</li><li>Правила игры</li><li>Алгоритм заполнения ячеек кроссворда
<ul><li>Способ 1. «Скрытые одиночки»</li><li>Способ 2. «Одиночки»</li>
</ul></li><li>Методы решения судоку
<ul><li>Стратегия 1. Кандидат в двух-трёх клетках одного квадрата</li><li>Стратегия 2. Группы кандидатов</li>
</ul></li>
</ul></li>
</ul> <h1>
<img src='https://i1.wp.com/logo.gif' loading=lazy>
</h1>
<h1>
Название сайта
</h1>
<div class="vyrovnyat">
<h1>Заголовок</h1>
</div>
<p><b>Утверждение 1:
</b> заголовок страницы или его часть не должны быть ссылкой (см. здравый смысл и справка Новости.Google). Отсюда следствие: название веб-проекта на Главной также не должно быть ссылкой. В целом не нужно чтобы страница ссылалась сама на себя (искл. ). А вот так допустимо (на Авито на странице объявления каждой <a href="/codecs/kak-iz-telefona-sdelat-pk-pohozhie-zapisi-dlya-kogo-okazhetsya-poleznoi-novaya.html">похожей записи</a> дан h3):</p>
<p>Процентные ставки от 1% до 5%</p>
</a>
<section>
...
</aside>
</p><p><b>Утверждение 2:
</b> есть небольшая разница в том как располагать ссылку: внутри тега h или тег h внутри ссылки. И она заключается в том, что в первом случае ссылкой является только текст, а во-втором — весь блок.</p><p> <h2>
<a href="#"> только текст </a>
</h2>
<a href="#">
<h2> весь блок (прямоугольная область) </h2>
</a>
</p><h2>Должен ли title отличаться от h1 ?</h2>
<p>"Может ли title быть таким же как h1 ?" — да, может.</p><p>"Различный title и h1 полезны для SEO?" — да, полезны. В рассматриваемые теги можно добавить дополнительные ключевые слова, чтобы увеличить хвост запросов, по которым приходят на сайт. Или чтобы сделать более привлекательный сниппет, в title внести, скажем, название компании, коли фирма на слуху, или номер телефона (для такси, например).</p><p><b>Примечание:
</b> для того, чтобы страница могла присутствовать в Новостях Google или быстрых ссылках Яндекса , основная часть title и h1 должны совпадать. Это может быть вызвано тем, что посетители ожидают увидеть на странице сайта тот же заголовок, что в выдаче поисковиков. На <a href="/players/kak-uznat-versiyu-vindovs-7-skolko-versii-u-okoshek-i-kak.html">данный момент</a> стоит обратить внимание информационным сайтам.</p><h2>Нужно ли заголовки боковых блоков брать в h ?</h2>
<p>Если заголовки индексируются (см. ), то пусть лучше будут в теге h . Всё равно они употребляются на каждой странице сайта и вес этих слов ("Реклама", "<a href="/tools/soobshchenie-o-paskale-fizika-poslednie-gody-zhizni-blez-paskal.html">Последние сообщения</a>", "Подписка" и т.п.) завышен. Можно предположить, что родитель aside должен уменьшать их значение.</p><p>К тому же для слабовидящих будет понятно что к чему, а не сплошные untitled .</p>
<p>Возникает вопрос, как же одни сайты получают преимущество над другими, обходят их в выдаче? Ведь инструменты оптимизации используются одни и те же. Ответ, казалось бы, очевиден: за счёт внешней оптимизации, и её безграничного ресурса. Однако, дело не только в этом. </p><p>Существуют и более сложные этапы <a href="/social-network/pochemu-ne-rastet-poseshchaemost-bloga-pochemu-ne-rastet-poseshchaemost-bloga.html">внутренней оптимизации</a>, которые многие вебмастера игнорируют. Я говорю, прежде всего, о расстановке заголовков h1-h6. В большинстве своём, они расставлены неправильно, или же по одному образцу, без учёта специфики сайта. Только самостоятельная расстановка этих заголовков поможет добиться максимального эффекта. О том, что такое заголовки h1-h6, зачем они нужны и как лучше расставить их, я расскажу в этой статье.</p><p>Теги h1-h6 используются для выделения наиболее важных частей текста. Их так же называют тегами акцентирования. Они ориентированы, в основном, на поисковые системы, давая им понять, какие части текста содержат более точную информацию о теме статьи, её ключевых словах. Использование тегов h1-h6 даёт возможность получить преимущество при ранжировании поисковой системой сайтов. Однако для этого необходимо использовать их грамотно.</p><p>В теории всё достаточно просто: заголовок первого уровня (h1) используется для выделения названия сайта. Заголовок второго уровня (h2) акцентирует внимание поисковой системы на названии статьи. Заголовки третьего уровня (h3) выделяют подпункты статьи, заголовки h4, h5 и h6 могут использоваться по усмотрению, выделяя как <a href="/internet/chto-znachit-potracheno-chto-oznachaet-slovo-potracheno.html">значимые слова</a> в тексте, так и заголовки сайт-бара и другие значимые элементы. На деле же всё немного сложнее: не всегда имеет смысл расставлять заголовки так, как это описано выше. Например, если вы продвигаете только <a href="/graphics/skanirovanie-neskolkih-stranic-v-odin-fail-vmesto-sohraneniya-kazhdoi.html">отдельные страницы</a> сайта (как это делается в случае с блогами), то нет никакого смысла заключать название сайта в тег h1, этот тег лучше приберечь для названия статьи, так как именно оно несёт основную тематическую нагрузку. Теги h2 можно использовать для выделения подпунктов . Остальное по аналогии. Иными словами, схем расстановки тегов h много, вам необходимо проанализировать свой сайт, специфику его продвижения, и расставить заголовки в соответствии с вашими выводами.</p><p><b>Почему то, о чём я говорю так важно?
</b> Сейчас многие пользуются бесплатными платформами для ведения сайтов, или же используют <a href="/graphics/krasivaya-nadpis-na-beidzhik-kakoi-razmer-u-standartnogo-beidzhika-kak-sdelat.html">стандартные шаблоны</a>. В них очень часто заголовки расставлены из рук вон плохо, это сильно ограничивает возможности внутренней оптимизации. Единожды разобравшись со всем сам и сделав всё правильно, получаешь большое преимущество на будущее.</p><p>Итак, существует несколько правил расстановки заголовков h1-h6. Представлю их ниже.</p><p>Картинка кликабельна
</p><p><b>1.
</b> Структура заголовков. Это самое важное из правил. Заголовки более <a href="/tools/vrednoe-izluchenie-ot-iphone-eto-mif-ili-pravda-uroven-sar---chto.html">высокого уровня</a> (чем меньше цифра – тем выше уровень) должны находиться на странице выше. То есть, заголовок h1 всегда должен располагаться выше заголовка h2, а он, в свою очередь, выше заголовка h3. И так далее.<br><b>2.
</b> Размер шрифта заголовков. Это тоже <a href="/text/kak-obnovit-bios-materinskoi-platy-bez-processora-kak-obnovit-bios.html">обязательное условие</a>. Чем выше уровень заголовка – тем больше должен быть шрифт. Заголовок h1 будет иметь самый <a href="/download/kak-sdelat-shrift-bolshe-v-yandekse-kak-uvelichit-bukvy-v-yandekse-kak.html">большой шрифт</a>. Шрифты заголовков редактируются в стилях. Впрочем, они обычно по умолчанию имеют правильные размеры.<br><b>3.
</b>Теги h не должны содержать в себе ничего, кроме текста. То есть, заключать в них картинки, ссылки и другие элементы контента категорически не рекомендуется.<br><b>4.
</b> Не допускается использование тегов h вместе с другими тегами акцентирования.<br><b>5.
</b> Так как теги h1-h6 акцентируют внимание поисковой системы на важных элементах страницы, такое акцентирование должно быть обоснованным. Выделенный участок текста должен содержать ключевые слова или фразы, иначе можно сбить с толку <a href="/internet/socialnyi-poiskovik-chto-takoe-socialnaya-poiskovaya-sistema.html">поисковую систему</a>, тем самым только навредив.<br><b>6.
</b>Тег h1 используется на одной странице только один раз. Иных вариантов не допускается.</p><p>Как видите, ничего сложного. Гораздо важнее описанные выше рекомендации по правильной расстановке акцентов. На каждой странице совсем не обязательно использовать все теги акцентирования, достаточно <a href="/android/s-kakih-cifr-nachinayutsya-nomera-bilain-bilain-pervye-tri-cifry-s.html">первых трёх</a> уровней. Стоит отметить, что для грамотной расстановки заголовков могут понадобиться некоторые знания в html. Первая заповедь вебмастера – не навреди. Поэтому если таких знаний нет, то лучше поручить это дело кому-то другому.</p><p><u>Основное сказал.
</u> К сожалению, описать все <a href="/download/proskanirovat-otkrytye-porty-dlya-kakih-situacii-vozmozhna.html">возможные ситуации</a> не могу. Чтобы обойти конкурентов, нужно не только качественно проводить каждый этап оптимизации, но и не упускать ни один из этапов. Только тогда вы и ваш сайт добьётесь успехов. На этом статью завершаю. Удачи! </p>
<p>3 основных уровня иерархии текста, которые позволяют дизайнеру привлечь внимание и направить пользователя к дальнейшему чтению.<br></p>
<h1>Уровни типографической иерархии</h1>
<p>Дизайн заголовков и подзаголовков является очень важной составляющей любого интерфейса. Заголовки и подзаголовки позволяют создавать визуальную иерархию, привлекать внимание к основному контенту, подталкивать читателя к дальнейшему чтению.</p>
<p>Можно выделить три основных уровня типографической иерархии:</p>
<ul><li><b>Первый уровень
</b> – это непосредственно сам заголовок. Задача этого уровня привлечь читателя и провести его в направлении второго уровня.</li>
<li><b>Второй уровень
</b> – это подзаголовки, цитаты, описания и все остальное, что идёт отдельно от основного текста, но в его поддержку. Цель этого уровня повысить сканируемость текста и подтолкнуть читателя к дальнейшему чтению.</li>
<li><b>Третий уровень
</b> – это наш основной текст. Цель этого уровня – уйти с пути пользователя. Мы должны не мешать и не привлекать внимание к тому, что может отвлечь пользователя и увести с данной страницы. Пользователь решает, нужно ли ему переходить к этому уровню на основании двух предыдущих.</li>
</ul><h1>Первый уровень (заголовок)</h1>
<p>Основная цель первого уровня – это привлечь читателей и мотивировать их продолжить (начать) чтение нашего текста. Читать большие блоки текста достаточно трудно и затратно по времени, поэтому нужно <span>предложить читателю выгоду
</span> в заголовке.</p>
<p>В среднем 8 из 10 человек прочитают ваш заголовок, и только 2 из 10 прочитают остальной текст. Поэтому для заголовка важна максимальная информативность.</p>
<p>Заголовок должен быть наиболее визуально выделенным элементом на странице. Обычно, главный заголовок заключается в тег H1.</p>
<p>Для выделения заголовка, можно воспользоваться стандартными приемами визуального выделения:</p>
<ul><li><b>Контрастность
</b> – заголовок должен быть достаточно контрастным по отношению к остальным элементам.</li>
<li><b>Размер
</b> – увеличение размера текста для заголовка является самым <a href="/graphics/kak-skryt-nomer-na-mts-besplatno-na-odin-raz-ili-podklyuchit.html">простым способом</a> выделить данный элемент.</li>
<li><b>Начертание
</b> – еще один способ выделить заголовок. Можно сделать текст заголовка в жирном начертании, супер жирном или курсивом. Это позволит тексту выделиться.</li>
<li><b>Пространство
</b> – для более четкой идентификации заголовка нужно добавить свободного пространства вокруг него. Чтобы пользователь четко знал, что это основной элемент на странице, и на нём нужно заострить своё внимание.</li>
</ul><h1>Второй уровень (подзаголовок)</h1>
<p>У подзаголовка похожая с заголовком цель, только в меньших масштабах. Подзаголовки также используются, чтобы направить читателя к дальнейшему чтению текста и позволяют удерживать внимание, которое привлекает заголовок.</p>
<p>Подзаголовок, совместно с другими второстепенными элементами, должен поддерживать интерес и вызывать желание у читателя ознакомиться с текстом более детально.</p>
<p>Также, подзаголовки позволяют <span>структурировать текст и создать иерархию
</span> на странице. Они позволяют понять человеку, где он может начать чтение, а где закончить, чтобы взять для себя <a href="/graphics/opredelyaem-obem-ozu-i-kakoe-kolichestvo-operativnoi-pamyati-ispolzuetsya.html">максимальное количество</a> полезной информации.</p>
<p>Для выделения подзаголовков необходимо использовать те же способы, что и для выделения заголовков. Но при этом, нужно помнить, что подзаголовок на уровень ниже, чем заголовок, и на уровень выше, чем простой текст. Нужно визуально этому соответствовать. Подзаголовок не должен выделяться больше, чем заголовок или менее, чем обычный текст.</p>
<h1>Третий уровень</h1>
<p>Обычно на этом уровне представлено много информации (тело вашей информации), поэтому он должен быть максимально читабельным и не отвлекающим. Вы должны <span>дать возможность читателю сконцентрироваться на чтении текста и не мешать
</span> ему.</p>
<ul><li>Текст должен быть контрастным по отношению к фону. Пользователь должен иметь возможность без каких-либо дополнительных усилий прочитать текст.</li>
<li>Лучше использовать одноцветный фон и воздержаться от использования текстур в качестве фона, так как они делают сложным восприятие пользователем информации.</li>
<li>Размер текста должен быть удобным для чтения. Не нужно мельчить и делать этот текст слишком маленьким. Если текст будет тяжело читать, пользователь просто не будет его читать.</li>
<li>Если у вас присутствуют ссылки на этом уровне, они должны отличаться от основного текста. Пользователь должен понимать, где в тексте ссылка, и что произойдёт по её нажатию.</li>
</ul>
<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="/multimedia/pochemu-planshet-vidit-vai-vash-noutbuk-telefon-ili-planshet-ne.html" class="wp_rp_thumbnail thumb"><img src="/uploads/27136ad6f13ab03918457c0dffe7228f.jpg" alt="Ваш ноутбук, телефон или планшет не видит Wi-fi?" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/multimedia/pochemu-planshet-vidit-vai-vash-noutbuk-telefon-ili-planshet-ne.html" class="wp_rp_title">Ваш ноутбук, телефон или планшет не видит Wi-fi?</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/windows-ne-mozhet-poluchit-dostup-k-setevoi-papke-windows-ne-mozhet.html" class="wp_rp_thumbnail thumb"><img src="/uploads/18f22b7af886fa73e6ccece303be3579.jpg" alt="Windows не может получить доступ к сетевой папке Ошибка нет прав доступа фипи что делать" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/graphics/windows-ne-mozhet-poluchit-dostup-k-setevoi-papke-windows-ne-mozhet.html" class="wp_rp_title">Windows не может получить доступ к сетевой папке Ошибка нет прав доступа фипи что делать</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/utility-dlya-remonta-zhestkogo-diska-transcend-programmy-dlya.html" class="wp_rp_thumbnail thumb"><img src="/uploads/6bf4b952fdfd559d12c2e2ea8e5c736e.jpg" alt="Программы для восстановления флешек" / loading=lazy></a>
<div
class="announce-body">
<p class="title"><a href="/utilities/utility-dlya-remonta-zhestkogo-diska-transcend-programmy-dlya.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/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></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">Способы восстановления номера на операторе киевстар
</p>
</li>
<li>
<span class="num">2</span>
<p class="title">Обзор Xiaomi Mi Bluetooth headset
</p>
</li>
<li>
<span class="num">3</span>
<p class="title">Microsoft Sticky Notes что это за программа и нужна ли она?
</p>
</li>
<li>
<span class="num">4</span>
<p class="title">Ssd m2 pci e 3.0 установка. SSD с интерфейсом PCI Express: обзор и тестирование пяти моделей. Подробный видео обзор
</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/amigo-brauzer-voiti-bez-skachivaniya-kak-besplatno-skachat.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/1807f86cd7963334c18a0b5670a9b273.jpg" alt="Как бесплатно скачать браузер Амиго?" / loading=lazy></span>
</span>
<span class="title">Как бесплатно скачать браузер Амиго?</span>
</span>
</a>
</li>
<li>
<a href="/multimedia/mozhno-li-skanirovat-po-seti-kak-sdelat-setevoi-skaner.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/975242dc2871f4b359cb2ab4ee94494b.jpg" alt="Как сделать сетевой сканер" / loading=lazy></span>
</span>
<span class="title">Как сделать сетевой сканер</span>
</span>
</a>
</li>
<li>
<a href="/text/kak-nastroit-besprovodnoi-vai-fai-router-kak-nastroit-router-bez-pomoshchi.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/de75c8a8ce126a47b2ce58a0722c855d.jpg" alt="Как настроить роутер без помощи специалиста" / loading=lazy></span>
</span>
<span class="title">Как настроить роутер без помощи специалиста</span>
</span>
</a>
</li>
<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>
</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="/multimedia/pochemu-planshet-vidit-vai-vash-noutbuk-telefon-ili-planshet-ne.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/9e60528535eb5534558ce032fe862ff3.jpg" alt="Ваш ноутбук, телефон или планшет не видит Wi-fi?" / loading=lazy></span>
</span>
<span class="title">Ваш ноутбук, телефон или планшет не видит Wi-fi?</span>
</span>
</a>
</li>
<li>
<a href="/graphics/windows-ne-mozhet-poluchit-dostup-k-setevoi-papke-windows-ne-mozhet.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/708458839068715f977bbd2b5a23a1e6.jpg" alt="Windows не может получить доступ к сетевой папке Ошибка нет прав доступа фипи что делать" / loading=lazy></span>
</span>
<span class="title">Windows не может получить доступ к сетевой папке Ошибка нет прав доступа фипи что делать</span>
</span>
</a>
</li>
<li>
<a href="/utilities/utility-dlya-remonta-zhestkogo-diska-transcend-programmy-dlya.html">
<span class="post">
<span class="image">
<span class="thumb"><img src="/uploads/1be42f27a47c627614a165e230b430ff.jpg" alt="Программы для восстановления флешек" / loading=lazy></span>
</span>
<span class="title">Программы для восстановления флешек</span>
</span>
</a>
</li>
<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>
</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="/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>
<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>
</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>
