Доброго времени суток, уважаемые читатели. Не смотря на то, что я часто в своих статьях говорю про тег title, как о самом важном во внутренней оптимизации сайта, но вот посвятить ему целую статью все руки не доходили.
Причина этому простая, т.к. я веду свой блог на платформе Blogger, title у нас автоматически генерируется из заголовка статьи, поэтому я много статей посвящала заголовкам в теге h1, и при этом необоснованно умалчивала о HTML теге title.
Как я уже сказала, title самый важный тег, причем не только с точки зрения оптимизации и поискового продвижения, но и с пользовательской стороны. Но давайте лучше начнем по порядку.
Title в переводе с английского означает заголовок, поэтому title в HTML документе – это заголовок страницы. И это самое важное значение этого тега. Помните, в статье я уже рассказывала, что абсолютно любой HTML документ имеет определенную структуру:
Здесь находится заголовок страницы в тегах
Техническая информация о документе
Здесь находится основное содержимое сайта, статьи, которые имеют заголовки в тегах:
Заголовок сайта или статьи
содержимое сайта
Так вот тег Title является заголовком HTML документа/страницы. Можно сказать, что он относится к технической информации о документе. Эта информация скрыта от глаз пользователей непосредственно на сайте, но ей пользуются все браузеры и поисковые системы.
Как используют Title браузеры
Если вы посмотрите в левый верхний угол браузера, вы увидите информацию о странице, на которой в данный момент находитесь. Если посмотрите на вкладку браузера и подведете к ней мышку, вы так же увидите информацию о странице. Я для примера взяла свою статью про SEO-заголовки:
Все, что я выделила на изображении желтым, является информацией, которая содержится внутри тега Title.
Как используют Title поисковые системы
Для поисковых систем тег Title так же имеет огромное значение. Это первая информация, которую получает поисковая система о содержимом страницы. Ведь мы помним, что title находится практически в самом начале документа, а все поисковые роботы индексируют страницы сверху вниз.
Т.к. это самая первая информация, которую получает поисковый робот о нашей странице, мы должны постараться указать в теге title самое важное, самое точное определение дальнейшему содержанию.
Но это ещё не все. Так же поисковая система использует содержимое тега title в результатах поисковой выдачи. Когда пользователь задает свой запрос поисковику, последний выдает ответ в виде ссылок с описанием на ресурсы, которые отвечают на запрос пользователя.
Если же мы посмотрим страницу найденного сайта, то увидим другой заголовок:
Т.е. поисковик показывает нам информацию которая содержится в теге title, при этом заголовок статьи в теге h может быть совсем другой.
Теперь начинается самое интересное. Т.к. заголовок страницы используется в поисковой выдаче, он является индикатором, как для поисковиков, так и для пользователей, полезности и качественности найденного ресурса.
Что значит индикатором? Если title малоинформативный, то при просмотре результатов выдачи пользователь может не кликнуть по ссылке и не перейти на ваш сайт. В обратной же ситуации, если title будет перегружен лишней информацией, то пользователь так же может не захотеть перейти на ваш сайт. Из этого следует, что в title должна быть очень точная информация, отвечающая на запрос пользователя.
Не скажу, что пример идеальный, да и все SEO строится на нюансах и не возможно что-либо утверждать со 100% уверенностью, но давайте попробуем разобраться (изображение кликабельно):
Итак, красным я выделила более привлекательные ссылки, соответственно title. Из первых слов я могу судить о том, что на сайте продается то, что мне нужно и с большей вероятностью по этим ссылкам я кликну в первую очередь. Хотя, конечно, я не могу сказать, что эти title идеальны, т.к. все равно перегружены лишней для меня информацией. То же самое и с ссылками, выделенными голубым. Зачем мне нужен артикул или, например, мне может быть совсем не важен бренд. Наличие такой информации рассредоточивает мое внимание, а так же может служить препятствием при продвижении по данному запросу.
Серым я выделила самый непривлекательный title, он длиннее, чем должен быть, поэтому был обрезан поисковиком в выдаче. Из-за большого количества слов, по сути являющихся перечислением всего, что можно, заголовок выглядит очень непривлекательно. Сразу не определишь, точно ли они продают то, что мне нужно.
Рассмотрев эти примеры мы можем сделать выводы, каким на самом деле должен быть title, чтобы служил верным помощником при продвижении, был привлекательным для пользователей, побуждал кликать по ссылке, а так же нес самую важную информацию.
Как эффективно использовать title для продвижения
Понятно, что title должен содержать ключевые слова, но тут важно следить за тем, чтобы ключевые слова стояли как можно ближе к началу или вообще, чтобы title начинался с ключевых слов. Это не только улучшит кликабельность ссылки, но и облегчит продвижение по запросам.
В title можно использовать одно и тоже ключевое слово два раза. Например:
HTML тег title – эффективно используем заголовок страницы title.
В примере ключевое слово title встречается два раза.
Title не должен быть набором ключевых слов, а должен быть осмысленной фразой.
Очень важно избегать внутри title знаков препинания, которые ставятся в конце предложения. Дело в том, что поисковые системы учитывают пассажи в тексте.
Пассаж – это законченная мысль. Т.е. каждое наше предложение – это пассаж. Все слова, которые находятся внутри предложения учитываются поисковой системой, как единое целое. Как только мы ставим точку, мы отделяем предыдущие слова от следующих.
Поэтому очень важно не разделять свои ключевые фразы знаками препинания, которые означают конец предложения – точка (.), вопросительный знак (?), восклицательный знак (!). Сравним два заголовка:
HTML тег title – эффективно используем заголовок страницы title
HTML тег title. Эффективно используем заголовок страницы title.
В первом случае, например, моя статья может находится по фразам:
- html заголовок страницы
- тег заголовка страницы
Во втором же варианте таких ключевых фраз уже не получится. Между словами стоит точка, отделяя один пассаж от другого.
Стоит уделить пристальное внимание и длинне title, тут тоже не все просто.
Во-первых, не смотря на то, что рекомендуют укладываться в 80 знаков, при подсчете title непосредственно в выдаче, максимальная длина встречается чуть более 60 знаков. Вполне вероятно, что поисковик учитывает в title 80 знаков, но в выдаче всегда обрезает длинный заголовок. Так же стоит учитывать, что обрезанный title выглядит менее привлекательно, чем не обрезанный.
Во-вторых, стоит учитывать плотность title. Чем больше в нем слов, тем сильнее значимость title распределяется по всем словам, которые находятся в нем. Соответственно, чем меньше слов, тем больше веса они приобретают в глазах поисковой системы.
Поэтому старайтесь формировать краткие, отражающие суть страницы, но яркие заголовки. Это не только улучшит позиции в поисковиках, но и увеличит их кликабельность.
Из этого следует, что стоит оптимизировать страницу по одному-двум близким запросам, чтобы title обладал максимальным весом.
В связи с этим, структура title
|заголовок страницы|
предпочтительней, чем
|Заголовок страницы|Название сайта| .
Я длительное время использовала структуру title из второго варианта, сейчас же мой title содержит только заголовок страницы/заголовок статьи.
Соблюдая эти нехитрые правила, вы сможете более эффективно продвигаться и больше привлекать посетителей с поисковых систем.
P.S. Кто-то мог подумать, а причем здесь хлеб на картинке? Хлеб всему голова, title имеет такое же важное значение в сайтостроении и SEO, как и хлеб в нашей жизни:).
HTML тег TITLE заголовка страницы сайта при правильном составлении дублирует заголовок (название) статьи, оформленный тегом Н1 . У страницы тем больше шансов попасть в топ рейтинга, чем точнее содержание тега заголовка TITLE соответствует поисковому запросу.
При анализе тега заголовка TITLE учитывается ряд факторов: наличие в нем ключевых слов, расстояние между ключевыми словами (при использовании ключевой фразы), а также удаленность ключевых слов, соответствующих запросу, от начала заголовка.
Помните, что больший приоритет имеет заголовок, в котором ключевые слова находятся ближе к началу. Другими словами, заголовок тега TITLE нужно составить таким образом, чтобы главные ключевые слова располагались ближе к началу предложения (в первых 65-ти символах).
Задача трудная, но выполнимая (при условии, что страница оптимизируется под какой-то один поисковый запрос, а не по всем ключевым словам сразу). Заголовок тега TITLE не должен включать название сайта, быть слишком коротким и одинаковым для всех страниц сайта.
Следует понимать, что содержание (т.е. текст, заключенный внутри тега) мета-тега TITLE очень важно, как для поисковых систем, так и для посетителей вашего вебресурса. Поисковики, при выводе результатов поиска, придают большое значение наличию и расположению ключевых слов, содержащихся в теге TITLE, а посетители видят его содержимое в виде ссылки на сайт в тех же результатах поиска. Кроме того, содержимое данного мета-тега отображается и в заголовке окна браузера (в самом верху окна).
На скриншоте выше показано, как выглядит содержимое тега TITLE в результатах поиска системы Google в качестве примера. Показаны первые пять результатов по запросу: "тег TITLE" (синяя стрелка). Как видите, страница, на которой вы сейчас находитесь располагается на втором месте в рейтинге выдачи по данному запросу (красная стрелка).
С помощью HTML-кода мета-тег TITLE располагается на странице между тегами
< /head>, как показано ниже:
Именно его (текст в title) мы видим в поисковой выдаче, именно он является важнейшим фактором соответствия данной страницы, сделанному поисковому запросу по алгоритмам всех поисковых систем.
В завершении этого раздела, замечу, что title попадает почти в начало блока head веб-страницы, и не входит в тело страницы – блок body. Это замечание понадобится чуть ниже.
Правильный заголовок страницы
Мы говорим о правильном заголовке страницы с точки зрения оптимизации, и пока не говорим о литературном написании заголовка. Значит, нам важны прагматичные параметры тайтла: вхождение ключевых слов, его длина, вхождение стоп слов, использование знаков препинания. Поехали.
Ключи в title
Обращаемся к «закону» и в 12 параграфе 200 факторов Google (ссылка выше), читаем:
Тег title начинающийся с ключевой фразы (слова) дает больший эффект в продвижении, нежели когда он будут расположен в другой части тайтла.
Как видите, по Google, наличие ключевой фразы в title не только не подвергается сомнению, но и настоятельно рекомендуется помещать ключ страницы в самое начало title.
Давайте посмотрим, что по этому поводу говорит Яндекс. https://yandex.ru/support/webmaster/recommendations/presentation.xml
Заголовок страницы это текст, определяемый тегом
. С его помощью вебмастер дает понять поисковой системе, что содержится на странице … это в некотором роде, <a href="/vizitnaya-kartochka-na-android-kak-importirovat-vcf-dlya-android-v-easy-way-import/">визитная карточка</a> вашего ресурса. Хорошо, если заголовок не только содержит ключевые слова, но также информативен и актуален.</p> </blockquote><p>Как видите, позиция Яндекс по включению ключа в заголовок страницы аналогична, а вот рекомендаций по его размещению в начале заголовка нет.</p><p>Однако важно, чтобы ключевая фраза в заголовке попала в «нормативную» длину заголовка, которая есть у каждого поисковика.</p><p><b>Во-первых </b>, длина заголовка страницы может быть любой. Вы можете вставить в заголовок хоть целый абзац. Поисковые системы просто обрежут заголовок и используют его начало, поставив после резки троеточие.</p><p>Это значит, что рекомендуемая длина заголовка важна, для попадания в эту длину ключа страницы. И разумно, из-за меняющихся правил поисковиков, ключевую фразу разместить ближе к началу title, чтобы после очередного изменения правил не пришлось переписывать все тайтлы.</p><p><img src='https://i0.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-title.png' align="center" width="100%" loading=lazy><br><img src='https://i0.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-dlina-title.png' align="center" width="100%" loading=lazy></p><p><img src='https://i0.wp.com/seojus.ru/wp-content/uploads/2018/06/optimalnaja-dlina-title-seo.png' align="center" width="100%" loading=lazy></p><ul><li>Длина заголовка для Яндекс продвижения не более 15 слов или 80 знаков;</li><li>Google учитывает первые 12 слов title или 70 знаков.</li> </ul><p>На практике я не нашел в выдаче ни Яндекс, ни Google не обрезанных заголовков длиннее 55 знаков. Причем, Яндекс режет длинный заголовок до 35-39 знаков очень часто.</p><p>На своих сайтах, я не думаю о длине заголовка. На сайтах WordPress за длиной title следит SEO плагин, а на Joomla я просто пишу ключ в начало, а длину заголовка делаю разумной по смыслу.</p><h3>Стоп слова </h3><p>Русский язык богат связывающими словами, которые поисковики считают лишними. К ним относятся служебные части речи, местоимения, слова, не несущие дополнительного смысла. Они автоматически исключаются из запроса пользователя.</p><p>Моё мнение по поводу стоп слов такое. Неуместно, если title будет состоять из одних стоп слов. Например, «Хотел я, то есть, то не есть» (глагол «есть» стоп-слово) или «Если мне не до того, как я могу не есть». Если заголовок написан осмысленно и выражает точную мысль, то 2-3 стоп-слова ему не помешают. Например, «Как выбрать лодку для рыбалки». Слово «Как» для Google, в начале заголовка можно убрать. Для Яндекс не обязательно.</p><h3><span>Заголовок, литература и интеллектуальный поиск </span></h3><p>Последние тенденции <a href="/kak-rabotaet-umnaya-lenta-vkontakte-i-intellektualnyi-algoritm/">интеллектуального поиска</a> добавили к стоп словам целые построения фраз, которые нужно (желательно) избегать. А именно избегайте в заголовке:</p><p>Важно заметить, что перечисленные «последние тенденции», скорее относятся к литературному написанию заголовка, а не его оптимизации. Хотя в SEO есть такое понятие, как читабельность и его значение всё более увеличивается.</p><h3><span>Знаки препинания в title </span></h3><p>К знакам препинания относятся символы: () — = / \ ! ? | + _ . : ;. Вопрос таков, можно ли их использовать в правильном заголовке страницы?</p><p>Давайте подумаем. <a href="/seo-prodvizhenie-svoimi-rukami-seo-prodvizhenie-svoimi-rukami/">Правильный заголовок</a> страницы это заголовок понятный поисковому боту. Бот «читает» текст по символам и тегам. Если он видит тег <p>Он «читает» это новый абзац. Если он видит символы точка (.), восклицательный знак (!) или вопросительный знак (?), бот разбивает фразу на так называемые пассажи – независимые смысловые части.</p> <p>Мы выпустили <a href="/vybor-poluchatelya-vybor-poluchatelei-iz-adresnoi-knigi-vvod-novogo/">новую книгу</a> «Контент-маркетинг в <a href="/istoriya-poyavleniya-socialnyh-setei-kto-sozdal-socialnye-seti-socialnye/">социальных сетях</a>: Как засесть в голову подписчиков и влюбить их в свой бренд».</p> <form onsubmit="return false;" class="innerContentSubscribe_form swpmc-js-form" data-container=".innerContentSubscribe" data-on-success="swptEvents.blogSubscribeSuccess()"> <p> <input class="inputText js-placeholder" type="text" name="email" id="innerContentSubscribeEmail" value=""></p> <p>Подписаться</p> </form> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2017/12/27fe505ef8a0-1.png' align="center" width="100%" loading=lazy></p> <p>Тег title – это заголовочный тег, его содержимое отображается в заголовке браузера.</p> <p><span class="yPlTeOxEknU"></span></p> <p><b>Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA </b></p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2017/12/yutub.png' height="37" width="178" loading=lazy></p> <p>Чтобы понять, для чего нужен title, надо определить, какие функции он выполняет. Главная его задача – сообщить поисковым системам о содержании страницы.</p> <h2>Где находится title</h2> <p>Искать тег title надо в коде вначале страницы, внутри тега<head> </head>. </p> <h2>Требования к заполнению тега title</h2> <p>Позиции вашего сайта в выдаче во многом зависят от того, «понимают» ли поисковые системы, о чем он и для кого предназначен. Именно об этом им рассказывает title и именно поэтому он так важен. Решая, что писать в title, учтите, что есть ряд требований к формулировке этого тега, без соблюдения которых вы никогда не «подружитесь» с поисковиками.</p> <ul><li>Самый <a href="/htc-pishet-obnovlenie-personalizacii-v-ocheredi-zavisaet-one-x-samye-chastye/">частый вопрос</a> – какой должна быть длина title. Размер видимой части title колеблется в промежутке от 55 до 80 символов с пробелами. Оставшаяся часть не будет видна в выдаче, но поисковая система ее учтет. Яндекс обычно показывает 70-80 символов, а учитывает первые 15 слов тега. Google показывает 55-70 знаков и учитывает 12 слов.</li> <li>Смысл title должен быть понятен с первого взгляда. Увидев его, пользователь или поисковик должен мгновенно понять, о чем текст. Лучше если формулировка тега будет носить «цепляющий» характер.</li> <li>В title можно включить несколько <a href="/kak-rabotaet-dorvei-dorveinyi-trafik-chto-eto-i-stoit-li-privlekat-sbor/">ключевых запросов</a>. В начале рекомендуется ставить самый частотный из группы. Формулировка предложения в теге должна выглядеть естественно с грамматической и стилистической точки зрения. То есть, не быть простым перечислением ключей или нагромождением слов (лишь бы все вписать). “Кривых”, нечитаемых конструкций из ключей не допускается.</li> <li>Этот тег не должен дублировать заголовок текста, который вы заключите в тег H1. Если вы хотите, чтобы и в заголовке и в title стоял один запрос, измените формулировку, дословное совпадение недопустимо.</li> <li>Не вставляйте в title перечисления ключевых слов через запятую. Поисковая система может идентифицировать ваш сайт как переспамленный, и вы потратите много сил, выводя его из-под санкций.</li> <li>Для каждого документа вашего сайта нужен собственный уникальный тайтл страницы. Одинаковые теги для <a href="/kak-v-vorde-ubrat-numeraciyu-neskolkih-stranic-kak-ubrat-numeraciyu-stranic-v/">разных страниц</a> очень плохо влияют на продвижение сайта.</li> <li>Тег title должен быть уникальным. Копировать чужие теги нельзя, если не хотите, чтобы поисковые системы вас наказали за плагиат.</li> </ul><p>Правила написания title помогут вам максимально быстро научиться заполнять этот тег.</p> <h2>Тег title для разных разделов и страниц</h2> <p>В первую очередь тег title формулируют для <a href="/yandeks-glavnaya-stranica-sdelat-domashnei-kak-sdelat-yandeks/">главной страницы</a>. В него включают основной, как правило, высококонкурентный запрос. Поскольку именно он будет показываться в поисковых системах в качестве сниппета, необходимо сделать его формулировку максимально привлекательной, чтобы пользователю захотелось узнать подробнее, что за ней стоит. Фактически, такой title работает, как рекламный слоган.</p> <p>Остальные тайтлы на сайте зависят от контента страниц. Чтобы не мучиться, решая какой должен быть title, для однотипных страниц можно придумать шаблон. Обычно в него входит наименование страницы или раздела каталога и привлекающие внимание слова – отзывы, фото, стоимость, скидка. Этот прием можно использовать, прописывая title для карточек товаров, разделов интернет-магазина, изображений в галерее. В карточках title начинают с названия товара или слов вроде “купить”, в разделах - с его названия, в галерее со слов «изображения», «фото», «примеры работ».</p> <p>Правильное написание всех тегов крайне важно для продвижения сайта. Ваши вложения в продвижение не будут работать, пока не выверены и не исправлены основные теги, среди которых title является главным.</p> <p>Тег <b>title </b> и мета-теги <b>description </b> и <b>keywords </b> - играют исключительную роль в раскрутке сайта. От их правильного составления во многом зависит положение страницы в поисковой выдаче. Элементы title, description и keywords должны обязательно присутствовать на каждой странице сайта и содержать ключевые фразы:</p> <p><img src='https://i1.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen1.png' width="100%" loading=lazy></p> <p>Роботы поисковых систем придают большое значение содержимому title и description, особенно тегу title для определения релевантности страницы - соответствию пользовательского запроса к ее содержимому. Но есть и второй фактор, который нужно учитывать, он приносит дополнительный эффект в раскрутке сайта - это восприятие пользователей.</p> <h2>Т ег Title</h2> <p>От того, насколько привлекательно в глазах пользователя выглядит <b>заголовок </b> (это содержимое title) и страницы в результатах поисковой выдачи, зависит их выбор в её пользу. Даже, если ваш сайт будет находиться в поисковой выдаче, скажем, на 7-ом месте, то переходов на него может быть больше, чем на сайт, занимающий 4-ое место. Особенно, если у него заголовок и сниппет привлекательные, т.е. составлены правильно.</p> <p>Пример поисковой выдачи в Google:</p> <p><img src='https://i1.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen2.png' width="100%" loading=lazy></p> <p>Для того чтобы правильно составить title - это название страницы, нужно определиться с двумя вопросами: сколько может быть вхождений ключевых фраз и его длиной - общим количеством символов в теге. Для «рядовых» страниц рекомендуемое количество - одна ключевая фраза . Для главных страниц разделов и index-страницы возможно 2-3 вхождения ключевых словосочетаний.</p> <p>Наиболее важные ключевые слова необходимо располагать ближе к началу. Так как содержание тега title отражается в результатах поиска, то оно должно быть информативным и, повторюсь, - привлекательным для пользователей. Теперь о возможной длине тега. На скриншоте с <a href="/kak-rabotaet-vydacha-google-sozdaem-effektivnyi-snippet-rasshirennye-snippety/">выдачей Google</a> не сложно подсчитать количество символов для первого сайта - 50.</p> <p><a href="/kategorii-vityh-par-maksimalnaya-dlina-vitoi-pary-utp-dlya-lokalnoi-seti/">Максимальная длина</a> заголовка, которую я обнаружил у Google - 59 символов с пробелами. Теперь обратимся к результатам выдачи Яндекса:</p> <p><img src='https://i0.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen3.png' width="100%" loading=lazy></p> <p>Аналогичный заголовок в результатах поиска Яндекса составил 55 символов - остальные слова тега title в него не попали. Но обратите внимание, основное ключевое словосочетание состоит из <a href="/lishnie-funkcii-ios-chto-i-gde-mozhno-otklyuchit-za-nenadobnostyu-strochnye/">заглавных букв</a>. Если буквы будут строчные, то количество символов в заголовках результатов выдачи увеличивается. Смотрим на следующий скриншот:</p> <p><img src='https://i2.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen4.png' width="100%" loading=lazy></p> <p>Результат 5-ой позиции в выдаче - 68 символов (это максимум). Делаем вывод: длина title может составлять около 60-65 символов с пробелами, самое важное должно располагаться ближе к началу и, желательно, не превышать 55 символов.</p> <p>Внимание: не следует помещать в title, а также в keywords, слова, которых нет на странице.</p> <h2>М ета-тег Description</h2> <p>Содержание сниппета поисковики составляют из description или выбирают фрагмент текста из страницы. <a href="/hitrosti-napisaniya-title-i-description-meta-tegi-title-description-i-keywords-meshayut/">Мета-тег description</a> дает краткое описание веб-страницы. Целесообразно тщательнее отнестись к его составлению, даже если он не будет использован каким-то поисковиком для создания сниппета. Рекомендуемая длина 150-200 символов с пробелами (максимальный сниппет Яндекса - 182, у Google - 140).</p> <p>Необходимо поместить в description несколько ключевых фраз: основную, из них, разместить ближе к началу, она может состоять из заглавных букв. Текст должен быть, по возможности, наиболее привлекательным для пользователей.</p> <h3>Мета-тег Keywords</h3> <p>Что же касается мета-тега keywords - это набор ключевых слов страницы, то его - основные поисковые системы не учитывают. Однако пренебрегать его составлением не следует. Алгоритмы поисковых систем время от времени меняются, возможно «завтра» мета-тег keywords будет снова важным звеном в поисковой оптимизации.</p> <p><i>Правильное составление title и description </i> - один из существенных факторов, влияющий на положение сайта в глазах поисковых систем. Для полноценной и эффективной SEO раскрутки сайта необходимо уделять должное внимание этой процедуре.</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> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://rokwell.ru/podrobnoe-posobie-po-ispolzovaniyu-tega-title-teg-title-nazvanie/" content="https://rokwell.ru/podrobnoe-posobie-po-ispolzovaniyu-tega-title-teg-title-nazvanie/" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content="Подробное пособие по использованию тега "title". Тег title — название страницы"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i1.wp.com/lh3.ggpht.com/_G92voTj-yF0/TXkjA_6ehQI/AAAAAAAABUI/z188wpCxQ1A/title-v-brouzere%5B4%5D.png"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">СХОЖИЕ СТАТЬИ</span></h4> <div class="ads-border"> <div class="ads-content"> <div id="fofuny1" style="height:90px;width:690px;" align="center"></div> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title"><span>Полезное</span></div> <div class="textwidget" align="center"><div id="fofuny2" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Реклама</span></div> <div class="textwidget" align="center"><div id="fofuny3" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> <p style="text-align: center;"> </p> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title"><span>Новое</span></div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/uznat-kogda-vyidet-obnovlenie-android-kogda-vyidet-novaya/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/pdalife.info/uploads/p/3fciaz/google-pixel.jpg" alt="Когда выйдет новая прошивка для Samsung Galaxy" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/uznat-kogda-vyidet-obnovlenie-android-kogda-vyidet-novaya/" title="Когда выйдет новая прошивка для Samsung Galaxy" rel="bookmark">Когда выйдет новая прошивка для Samsung Galaxy</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/vylil-kofe-na-noutbuk-vosstanovlenie-zalitoi-klaviatury/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/smart-service.ru/_data/article/66/full/8172_zalit_noutbuk.jpg" alt="Восстановление залитой клавиатуры ноутбука" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/vylil-kofe-na-noutbuk-vosstanovlenie-zalitoi-klaviatury/" title="Восстановление залитой клавиатуры ноутбука" rel="bookmark">Восстановление залитой клавиатуры ноутбука</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/nastroiki-bios-detalnaya-instrukciya-v-kartinkah-bazovyi-kod-chto-takoe/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/alexzsoft.ru/wp-content/uploads/2017/04/Parametry.png" alt="Базовый код: что такое BIOS Не заходит в биос на windows 10" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/nastroiki-bios-detalnaya-instrukciya-v-kartinkah-bazovyi-kod-chto-takoe/" title="Базовый код: что такое BIOS Не заходит в биос на windows 10" rel="bookmark">Базовый код: что такое BIOS Не заходит в биос на windows 10</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/oshibka-application-error--chto-delat-oshibka-application-load-error-p-0000065432-chto-delat-proverit/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/tvoykomputer.ru/wp-content/uploads/2017/06/application-load-error-5-0000065434.jpg" alt="Ошибка Application Load Error P:0000065432 – что делать Проверить обновление системы" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/oshibka-application-error--chto-delat-oshibka-application-load-error-p-0000065432-chto-delat-proverit/" title="Ошибка Application Load Error P:0000065432 – что делать Проверить обновление системы" rel="bookmark">Ошибка Application Load Error P:0000065432 – что делать Проверить обновление системы</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/bambukovyi-ostrov-hon-che-luchshie-pyati-i-chetyr-hzv-zdochnye-oteli-nyachanga-s/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/nhatranginfo.ru/wp-content/uploads/IMG_5822-768x512.jpg" alt="Лучшие пяти и четырёхзвёздочные отели Нячанга с частными пляжами Наши отзывы о Винперле в Нячанге" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/bambukovyi-ostrov-hon-che-luchshie-pyati-i-chetyr-hzv-zdochnye-oteli-nyachanga-s/" title="Лучшие пяти и четырёхзвёздочные отели Нячанга с частными пляжами Наши отзывы о Винперле в Нячанге" rel="bookmark">Лучшие пяти и четырёхзвёздочные отели Нячанга с частными пляжами Наши отзывы о Винперле в Нячанге</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/sozdanie-pdf-dokumentov-zpolnyaemyh-pdf-form-s-pdf-maker-pilot-sozdanie-i/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/file-maker.ru/wp-content/uploads/2014/09/uvelichenie-2-1024x747.jpg" alt="Создание и изменение полей формы Как сделать в пдф редактируемые поля" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/sozdanie-pdf-dokumentov-zpolnyaemyh-pdf-form-s-pdf-maker-pilot-sozdanie-i/" title="Создание и изменение полей формы Как сделать в пдф редактируемые поля" rel="bookmark">Создание и изменение полей формы Как сделать в пдф редактируемые поля</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/funkcionalnye-zip--i-rar-arhivatory-dlya-android-vybiraem-horoshii/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/grand-screen.com/blog/wp-content/uploads/2015/08/112.jpg" alt="Выбираем хороший распаковщик файлов" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/funkcionalnye-zip--i-rar-arhivatory-dlya-android-vybiraem-horoshii/" title="Выбираем хороший распаковщик файлов" rel="bookmark">Выбираем хороший распаковщик файлов</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/tatenergosbyt-lichnyi-kabinet-fizicheskogo-lica-lichnyi-kabinet-tatenergosbyt/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/energozhkhsbyt.ru/wp-content/uploads/2018/07/tatenergosbyt-peredat-pokazaniaya.png" alt="Личный кабинет «Татэнергосбыт" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/tatenergosbyt-lichnyi-kabinet-fizicheskogo-lica-lichnyi-kabinet-tatenergosbyt/" title="Личный кабинет «Татэнергосбыт" rel="bookmark">Личный кабинет «Татэнергосбыт</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/referat-ponyatie-i-naznachenie-informacionnoi-sistemy-struktura-i/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/konspekta.net/lektsiiorgimg/baza17/2120344678018.files/image004.gif" alt="Структура и состав информационной системы Задачи и функции ИС" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/referat-ponyatie-i-naznachenie-informacionnoi-sistemy-struktura-i/" title="Структура и состав информационной системы Задачи и функции ИС" rel="bookmark">Структура и состав информационной системы Задачи и функции ИС</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="/"><img class="td-retina-data" src="/logo/logo.png" data-retina="/logo/logo.png" alt="Сайт о компьютерной технике" title="Сайт о компьютерной технике" / loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> <p> <font size="2" color="grey"> </font> </p> © Сайт о компьютерной технике, 2024</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="/feedback/">Обратная связь</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="/sitemap.xml">Карта сайта</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">О сайте</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/assets/style2.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> </body> </html>