Главная Баланс

Инфографика – Увеличиваем CTR с помощью расширенных сниппетов в Google. Как сделать расширенные сниппеты в Google

Безусловно, если ваш сайт находится по какому-то запросу на первой странице выдачи поисковой системы – это хорошо. К этому нужно стремиться, это будет решающим фактором в популярности вашего проекта, и от этого будет зависеть ваша прибыль (если проект коммерческий). Но, следует заметить, что трафик на первую позицию в поиске и на 10-ю это разные вещи. Существует много статистических исследований, которые дают примерные проценты распределения трафика по позициям. Точные данные вы сможете найди где-то в другом месте. Ясно одно: чем дальше от первой позиции – тем меньше трафик. Десятая позиция в Google потенциально может дать примерно 10% от всех посетителей набравших этот запрос. И это при том, что она более кликабельная, чем 9-я (потому, что крайняя снизу).

Немного теории

Логическим завершением любого поискового запроса, сделанного человеком, должен быть переход на сайт, где есть именно то, что человек искал. После нахождения такого сайта, человек испытывает моральное удовлетворение и прекращает поиск. По-этому, если на первой странице выдачи выше вашего сайта есть много качественных и профессионально сделанных проектов – то вам стоит надеяться только на чудо. Выход один – делать качественный сайт. Но, есть все-таки один момент, который может дать немного преимущества – нужно заставить человеческий глаз сфокусироваться именно на описании вашего сайта в результатах выдачи. Я не буду затрагивать тему о том, что нужно создавать информативные сниппеты, чтобы в них был намек на то, что сайт содержит именно то, что нужно. Это все понятно. Давайте представим, что все 10 сайтов из выдачи имеют качественные информативные сниппеты. Что в этом случае можно сделать, чтобы привлечь больше внимания?

Как повысить CTR сайта в поисковой выдаче Google?

Выход есть. Чтобы увеличить кликабельность сниппета (CTR – clickthrough rate), нужно как-то визуально выделить ваш сайт в результатах поиска Google от остальных. Человек всегда будет обращать внимание на отличия в общей однородной массе. Текст описаний сайтов (сниппет) – это и есть масса, масса текста. Если не фокусироваться на каких-то отдельных словах, а смотреть как-бы сквозь текст, за него, то ничего особенного в глаза не бросается. Чтобы текст сниппета бросался в глаза нужно делать либо сгустки пикселей в какой-то части, либо делать пустое пространство, либо делать вертикальные расчески (несколько одинаковых строк текста одна под другой).

Почему сниппеты для Google, спросите вы? Он самый предсказуемый в плане отображение сниппетов. Только Google будет отображать то, что я ему укажу. На самом деле, любой владелец сайта должен иметь возможность сам выбирать, как будет выглядеть его описание в выдаче, а не так, как захочет Yandex .

Как же Google формирует сниппет сайта? В формировании описания сайта в результатах выдачи принимают участие: тэг , <meta name=”description”>, содержимое параметра alt=”” первой картинки в <a href="/vnedrenie-css-v-html-dokument-vklyuchenie-css-v-html-kod/">html коде</a>, текст внутренних и <a href="/kak-sdelat-ssylku-slovom-vkontakte-na-gruppu-ili-cheloveka-kak/">внешних ссылок</a>, описание сайта в каталоге Dmoz, или просто текст со страницы сайта. Также, в <a href="/kak-otobrazhaetsya-vremya-v-kontakte-kak-skryt-vremya-poslednego-poseshcheniya/">последнее время</a> появилось много возможностей выделить свой сайт с помощью микроформатов для расширенных сниппетов Google. Но, это уже тема для другой статьи. Возможно, я все-таки найду в себе силы и реализую давно задуманный проект по созданию сниппетов для Google, и всему, что с этим связано.</p> <p>Если не пустой <b><title> </b> – первая строка сниппета формируется из него. Если <b><title> </b> пустой – то Google может выбрать текст первой ссылки, которая содержит набранное ключевое слово, если таких нет, то текст самой первой ссылки в html-коде или часть основного текста.</p> <p>Две другие строки сниппета (иногда три) формируются так, чтобы содержать текст, релевантный поисковому запросу. Если <b><meta name=”description”> </b> не пустой и релевантен запросу, то описание сайта берется из него. Есть определенный <a href="/bilain-vzyat-deneg-v-dolg-doveritelnyi-plat-zh-za-granicei-kak-uznat/">максимальный размер</a> <b>description </b>, если текста в нем мало, то Google заполняет <a href="/programma-dlya-otobrazheniya-mesta-na-diske-analiz-zanyatogo-mesta-na/">свободное место</a> релевантными кусками из текста. Если <b><meta name=”description”> </b> пустой, но параметр <b>alt=”” </b> первой картинки <b><img> </b> не пустой, то берется этот текст. Если <b>description </b> нерелевантен запросу, то описание сайта фомируется из кусков релевантного текста (на усмотрение Google).<br> Если сайт присутствует в <b>Dmoz </b>, то Google может брать данные для сниппета оттуда. Чтобы отключить показ описания сайта из Dmoz, нужно вставить на сайт этот html-код: <b><meta name=”robots” content=”noodp”> </b>.</p> <p>Для того, чтобы влиять на создание сниппета, нужно из всего выше перечисленного выделить самый подходящий вариант: <b><title> должен быть не пустой </b>; <b><meta name=”description”> не пустой, релевантный запросу, не короткий </b>. Дальше, дело техники.</p> <h2>Оптимизация сниппетов Google. Перейдем к практике </h2> <p>Задача: сфокусировать глаза пользователя на описании вашего сайта. Я предлагаю делать сгустки в тексте. Для этого очень хорошо подходит любое повторение одного и того же символа много раз: AAAAAAAAA, WWWWWWWWW, iiiiiii, 88888, @@@@@@@@, ##########, [[[[[[[[, < <<<< >>>>>>, и так далее. Любые графические спецсимволы тоже подойдут: ❄ ❆ ☀ ☁ ☂ ☔ ☽ ★ ☎ ☘ ☙ ☢ ☑ ☒ ☯ ☗ ☰ ☱ ☲ ☲ ☴ ☵ ☶ ☷ ☻ ♠ ❤ ♦ ◆ ♨ ♬ ♻ ♼ ⚀ ⚅ ⚈ ⚉ ⚑ ⚫ ▂ ▃ ▅ ▆ ██ ▒▓ ▀▄▀▄ ═ ╬ ╦ ╩ ╦ ❥ ✿ ❋ ✩ ✮ ✯ ✰ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ .</p> <p>Вся сложность заключается в том, чтобы забить текстом <b>description </b> под завязку, и заставить Google перенести текст на вторую строку так, как нам нужно. Это не так сложно, нужно знать всего пару нюансов. На самом деле этот перенос делается браузером, когда превышается ширина поля, содержащее текст (за это отвечает гугловский css-класс). Ну, и максимальный размер description у меня получился 155 символов. Тоесть, нужно сделать такой блок текста, чтобы он был по максиму близок к 155 символам и произошел принудительный перенос в нужном нам месте на вторую строчку. Управлять переносом можно, зная, что браузер не разрывает слова. Единственное замечание, нельзя просто взять и сделать всю вторую строчку из одного неразрывного слова – google ее не примет и поставит троеточие (…). нужно внутри вставить слова и символы, которые гугл понимает как пробел: дефис, подчеркивание (я еще не протестил все <a href="/kak-nastroit-mobilnyi-internet-mts-nastroika-interneta-mts-vse-vozmozhnye/">возможные варианты</a>, иногда хвост такого описания после слова обрубает до самого конца). Старайтесь пока во второй строчке привязывать подобный “хвост” после текста не пробелом.</p> <h2>Закрепим полученную информацию на реальном примере</h2> <p>Так как я уже начал замечать в <a href="/kak-popast-v-rasshirennyi-snippet-nulevuyu-poziciyu-vydachi-google-i-sobrat-ves/">выдаче Google</a> сайты, которые используют мои методы создания сниппетов, то считаю, что пришло время расскрыть немного свои карты .</p> <p><img src='https://i1.wp.com/saney.ru/wp-content/uploads/2011/10/snippets1.gif' width="100%" loading=lazy></p> <p>В этом сниппете используется “#” в title и description. Несколько таких символов подряд отлично концентрируют на себе внимание.<br> Звездочки ★ тоже очень сильно заметны. Здесь я использовал их, чтобы изобразить рейтинг отзывов. Получилось неплохо. Я думаю, что слово “««- recommended” тоже не останется без внимания, ведь возле остальных сайтов такой надписи нет. Также, в сниппете присутствует email компании. Но, больше всего привлекает внимание конечно же эта конструкция с ❺. На другом сайте, где ипользуется подобный шаблон сниппета, средний CTR 9-й позиции на 1-й странице результатов Google равен примерно 12%. Это <a href="/kak-skachat-esli-ne-rabotaet-plei-market-ochistka-dannyh-iz-programmy/">данные Google</a> Webmasters Tools за последние 3 месяца.</p> <p><b>Как это можно сделать? </b></p> <p>Эту красоту можно сделать с помощью специальных микроформатов данных, которые Google уже давно использует при отображении сайтов. Я не буду в этой статье расписывать подробно, что это, а остановлюсь на нашем примере.</p> <p>Чтобы сделать такой сниппет с ❺, нужно вставить в html-код вашего сайта такой текст:</p> <p><div xmlns:v=”http://rdf.data-vocabulary.org/#”><br> <span typeof=”v:Breadcrumb”><a href=”http://вашсайт.com/” rel=”v:url” property=”v:title”>Ваш текст</a> › </span><br> <span typeof=”v:Breadcrumb”><a href=”http://вашсайт.com/раздел-сайта.php#content” rel=”v:url” property=”v:title”>❺❺❺❺❺</a> › </span><br> <span typeof=”v:Breadcrumb”>Ваш текст</span><br> </div></p> <p>В результате моих экспериментов был найден способ, как заставить Google показывать один и тот же текст возле URL сайта. А также была решена проблема с показом такого сниппета для главной страницы сайта. Для этого нужно в структуре Breadcrumb в том месте, где прописывается внутренний раздел сайта, просто дописать так называемую “хеш-ссылку” к <a href="/ubrat-glavnoi-stranicy-yandeks-dzen-kak-ubrat-yandeks-dzen-s-glavnoi/">главной странице</a> /#hash. Где hash – это id какого-нибудь элемента на вашей странице.</p> <p>Также, стоит заметить, что Google уже обратил внимание на такие сниппеты. Если раньше можно было использовать такие приколы как ▀▄▀▄▀ или ████ ☑, то сейчас многие из таких символов уже запрещены к показу возле URL. Или же они показываются только в региональных выдачах, а в google.com не работают (или работают, но <a href="/plagin-breadcrumb-navxt-vyvodit-hlebnye-kroshki-v-wordpress-kak-sdelat-hlebnye/">хлебные крошки</a> должны быть короткими и начинаться с буквы).</p> <p><img src='https://i1.wp.com/saney.ru/images/snippets.gif' height="73" width="350" loading=lazy></p> <p>Еще одна фича, которая все-еще работает – это возможность прописать в Breadcrumb URL другого сайта (вместо ссылки на раздел сайта, не home page) . Тогда со сниппета Google можно будет переходить на другой сайт, если пользователь кликнет по такой ссылке, как ❺❺❺❺❺ в нашем примере. Это может быть использовано “черными оптимизаторами”, чтобы без ипользование редиректов направлять трафик из профилей форумов на свои сайты. Или же можно использовать в качестве другого url сервис bit.ly, чтобы узнать как пользователи кликают на сниппет.</p> <h2>Генератор сниппетов для Google</h2> <p><i>Данная статья была написана в 2008 году, после нескольких лет успешного применения описанных техник на практике. С тех пор многое изменилось, но основная идея осталась прежней. </i></p> <p>Не забудьте понажимать на <a href="/kak-propisat-stil-dlya-knopok-socsetei-knopki-socialnyh-setei/">социальные кнопки</a>, если вам понравилась статья </p> <p><b>Сниппет - это небольшое текстовое описание </b>, которое присутствует вместе со ссылкой в <a href="/gruppy-v-facebook-kak-iskat-v-facebook-i-kak-popast-v-top-poiskovoi-vydachi-a-takzhe-chto/">поисковой выдаче</a>. Он дает пользователю информацию о материале, предоставленном той или иной страницей сайта в результатах выдачи по заданному запросу.</p> <p>За счет сниппетов пользователю облегчается задача в процессе выбора наиболее подходящего для него материала. Среди всех предоставленных ему ссылок, человек может выбрать только такие, которые <a href="/kak-sozdat-bolshoi-obraz-diska-kak-s-diska-sdelat-obraz-iso/">наибольшим образом</a> подходят под его <a href="/vysokochastotnye-srednechastotnye-i-nizkochastotnye-zaprosy/">поисковый запрос</a>.</p> <p>Чем привлекательней будет выглядеть описание страницы, тем больше вероятность, что посетитель перейдет на данный сайт. Поэтому сниппет является одним из <a href="/heshtegi-v-instagramm---samyi-vazhnyi-element-v-raskrutke/">важных элементов</a> поискового продвижения.</p> <p>Вот, например, как выглядит в Яндекс сниппет по запросу "как раскрутить сайт":</p> <p>Как мы видим, Яндекс выделяет синоним запроса в title, в быстрых ссылках и точные формы запроса в тексте страницы. Как сделать, чтобы нужная часть текста попала в сниппет?</p> <ul><li>Желательно чтобы в предложении присутствовала точная форма запроса.</li> <li>Также увеличивает вероятность попадания в сниппет нахождение в этом же предложении или рядом повторения запроса или его синоним.</li> </ul><p>То есть Яндекс берет и "вырывает" кусок текста из страницы (до 240 знаков), где наиболее плотно расположены .</p> <p>В результатах <a href="/yandex-poisk-po-fotografii-poisk-po-kartinke-izobrazheniyu-ili-foto/">поиска Yandex</a> и Google можно видеть как обычные сниппеты, так и расширенные. Последние наиболее точным образом описывают предоставляемую страницу пользователю в результатах поисковой выдачи. Вот поэтому расширенные сниппеты в последнее время стали наиболее предпочтительными и популярными. Стоит помнить еще и о том, что в различных поисковых системах они создаются разными способами.</p> <h3>Расширенные сниппеты Яндекса</h3> <br><img src='https://i1.wp.com/raskruty.ru/img/snippet/rasshirennyj-snippet.png' width="100%" loading=lazy><p>В поисковой системе Yandex присутствуют <b>расширенные сниппеты (англ. rich snippets) </b>, которые предоставляют пользователю <a href="/zapis-zvuka-iz-brauzera-rukovodstvo-po-bystromu-vyboru-ssylki-na-skachivanie/">быстрые ссылки</a> на <a href="/programma-hraneniya-yarlykov-na-rabochem-stole-kak-legko-podderzhivat-poryadok-na-rabochem-stole-i-mgnov/">нужные разделы</a> ресурса, адрес организации либо компании (указывается и место на карте Яндекса) и т.д.</p> <p>Подробная информация предоставляется о заведениях общественного питания (барах, кофейнях, ресторанах и пиццериях), музеях, кинотеатрах, аэропортах, автошкол, различных фитнес-центрах и пр. Помимо этого, расширенные сниппеты Yandex могут показывать информацию о кулинарных рецептах, вакансиях, рефератах, товарах, словарях и т.д.</p> <p>Яндекс, как и поисковая <a href="/upravlenie-poiskovymi-sistemami-ispolzuemymi-v-brauzere-google-chrome/">система Google</a> также обладает поддержкой семантической разметки информации в микроформатах. К примеру, для разных рецептов применяется разметка в таком микроформате как hRecipe.</p> <p>При предоставляется возможность управления разметкой информации на страницах и таким образом можно оказывать влияние на формирование данных, которые будут содержаться в расширенном сниппете.</p> <h2>Сниппеты Google</h2> <p>Вот как выглядит сниппет в Google по тому же запросу (описание взято из description):</p> <br><img src='https://i0.wp.com/raskruty.ru/img/snippet/snippet-google.png' width="100%" loading=lazy><p>В отличии от Яндекса в основном создается из <a href="/kak-napisat-title-stranicy-kak-pravilno-pisat-tegi-title-description-i/">тега description</a> и имеет меньшее количество знаков. Поэтому уделите особое внимание заполнению этого тега. Делайте описания страниц привлекательными для пользователя и с употреблением нужных ключевых слов.</p> <p>Расширенные сниппеты Гугл также имеют предназначение, чтобы детализировать информацию о предоставленных в поисковой выдаче страницах. В зависимости от того какой поисковый запрос задает пользователь сниппет Гугл также содержит разнообразную специальную информацию. К примеру, рейтинг, адрес, список быстрых ссылок, фотографии и т.д.</p> <p>Для различного рода и типа контента, поисковая система Google может показывать <a href="/kakaya-programma-otkryvaet-faily-cbr-chto-takoe-faily-cbr-i-chem-ih-otkryt/">дополнительную информацию</a>: люди, события, организации и компании, музыка, рецепты и другое. Чтобы управлять расширенными сниппетами на страницах ресурса, нужно применять один из трех вариантов сематической разметки информации: <b>микроформаты </b> (microformats), <b>микроданные </b> (microdata) либо же RDFa.</p> <p>Микроформаты – необходимо использовать для составления описания разных сущностей (элементов) и их свойств, это атрибут class в HTML-тегах. Микроданные – это рекомендованный поисковой системой Гугл вариант разметки, как и микроформаты, который позволяет <a href="/poiskovye-roboty---kak-oni-rabotayut-i-chto-delayut/">поисковому роботу</a> узнать об особых видах информации присутствующей на сайте, блоге и т.д.</p> <p>Для микроданных обычно используют такие атрибуты как itemprop, itemsscore, itemtype в HTML-тегах (доступно в HTML5). Делается это для того, чтобы таким свойствам или элементам контента давать <a href="/polnoe-imya-kompyutera-i-kratkoe-windows-kak-uznat-imya-kompyutera/">краткие имена</a> при их описании.</p> <p>При использовании формата RDFa обычно используются XHTML-теги. Необходимо отметить, что для всех трех вариантов разметки специальной информации доступна вложенность, которая предоставляет возможность связывать между собой различные виды описываемых данных на страницах.</p> <p>Как заявляют сотрудники поисковых систем, сниппеты Гугла или Яндекса влияния на позицию сайта в выдаче не оказывают. Хотя при этом оказывают огромную помощь для пользователей при выборе необходимой информации среди результатов, предоставленных поисковиком.</p> <p>Таким образом, благодаря тому, что поисковые системы обладают возможностью показывать расширенные сниппеты, описание сайта или блога станет наиболее привлекательным для пользователей. А это означает, что на ваш сайт придут новые целевые посетители.</p> <p>Расширенный сниппет на странице выдачи обеспечивает дополнительные переходы на сайт. Вы еще не используете этот инструмент, так как боитесь лезть в код сайта и путаетесь в типах разметки? Тогда это руководство для вас: из него вы узнаете, как сделать расширенный сниппет, даже если никогда не имели дела с HTML-кодом.</p> <h2>Что такое расширенные сниппеты и зачем они нужны</h2> <p>Сниппет в поисковом маркетинге - это описание страницы сайта, которое отображается на странице выдачи под заголовком и ссылкой. С его помощью «поисковики» подсказывают пользователям, соответствует ли найденный ресурс информационному запросу.</p> <p>Поисковые системы формируют сниппет автоматически. В качестве источника описания роботы используют контент страницы или мета-тег description. Стандартный сниппет ограничен приблизительно 160 символами с пробелами. Это два или три коротких предложения.</p> <p>Вы можете абсолютно бесплатно расширить сниппет и повысить привлекательность страниц сайта в поисковой выдаче. <a href="/freimy-shablony-html-dlya-ponyatie-freima-v-html-atributy-tega-frame-dlya-nastroiki/">Внешний вид</a> и содержание расширенных описаний зависит от тематики страниц, инструментов, которые вы используете для создания сниппетов и типа данных, которые вы хотите отобразить на SERP.</p> <p> <br><img src='https://i1.wp.com/texterra.ru/upload/img/2015-11-11-tex-03.jpg' width="100%" loading=lazy></p> <h3>Зачем нужны расширенные сниппеты</h3> <p>Благодаря расширенным сниппетам вы увеличиваете визуальную привлекательность ссылки и описания сайта в выдаче. Также вы получаете <a href="/dopolnitelnye-vozmozhnosti-kak-uznat-balans-drugogo-abonenta-bilain-kak/">дополнительную возможность</a> подтвердить релевантность ресурса запросу потенциального клиента. В результате вы обеспечиваете больше переходов на сайт и увеличиваете CTR. Кроме этого, вы улучшаете поведенческие метрики сайта. <a href="/monopod-dlya-selfi-kakoi-vybrat-otzyvy-chem-otlichaetsya-palka-dlya-selfi-ot/">Речь идет</a> о снижении нецелевых переходов и связанным с ним уменьшением показателя отказов.</p> <p>Вот некоторые данные о влиянии расширенных сниппетов на кликабельность ссылки на сайт в выдаче, а также на эффективность продвижения ресурса:</p> <ul><li>В 2011 году Marketing Tech Blog опубликовал вдохновляющие данные . По данным этого ресурса, указание авторства статей с отображением в сниппете фото журналиста обеспечило блогу рост CTR на 484 %. С тех пор много воды утекло , но цифры остались. Вдумайтесь, фото автора рядом со ссылкой на сайт увеличило CTR на сотни процентов. Пусть Google Authorship больше не поддерживается, зато есть другие типы расширенных сниппетов.</li> <li>Мэтт Каттс <a target="_blank" href="https://www.youtube.com/watch?v=OolDzztYwtQ">прямо не подтверждает</a> , что расширенные описания влияют на рейтинг сайтов в выдаче. Но он говорит, что в некоторых тематиках внедрение микроразметки улучшает видимость сайта. Еще раз обратите внимание, расширенные сниппеты повышают видимость сайта. Пусть речь не идет о позициях ресурса. Вам же нужны клики, а не первое место в выдаче. Кстати, Рэнд Фишкин утверждает, что клики могут влиять на позиции сайта в выдаче . Если он прав, то Мэтт Каттс лукавит, когда говорит об отсутствии влияния сниппетов на позиции.</li> <li>Маркетинговое агентство Catalyst несколько лет назад протестировало расширенные сниппеты. Они обеспечили сайту кулинарной тематики рост CTR на 150 % .</li> <li>По данным Search Engine Land, нидерландский сайт Independer.nl, посвященный автострахованию, с помощью расширенных сниппетов увеличил CTR ссылок в выдаче на 28 %.</li> <li>Коллеги из SeoProfy приводят примеры увеличения CTR сайтов в выдаче. Кликабельность большого сайта выросла на 4 %, а маленького на 442 % .</li> <li>Маркетологи из Builtvisible рассказывают об увеличении CTR с помощью расширенных описаний.</li> </ul><p>Сниппеты приносят вам дополнительные переходы на сайт. Если вы умеете конвертировать трафик, немедленно внедряйте расширенные описания. Они принесут вам новые сделки. Информация ниже поможет вам это сделать.</p> <h2>Какие существуют словари и типы синтаксиса микроразметки</h2> <p>Чтобы поисковые системы показывали расширенные сниппеты для страниц сайта в выдаче, вам необходимо внедрить семантическую разметку. Вы можете сделать это с помощью разных словарей или языков. Наиболее распространенные словари микроразметки представлены ниже:</p> <ul><li>Schema.org. Этот словарь можно назвать золотым стандартом микроразметки. Его поддерживают крупнейшие поисковые системы, включая «Яндекс», Google и Bing. С помощью Schema.org вы можете описывать сотни сущностей. Благодаря этому вы можете помочь «поисковикам» отображать расширенные сниппеты разных типов. <a href="/tarifnyi-plan-bar-nol-somnenii-tarif-nol-somnenii-ot/">Подробную информацию</a> о Schema.org вы найдете в нашей статье и гайде .</li> <li>Microformats.org . С помощью языка микроформатов вы можете структурировать информацию о некоторых сущностях: людях, событиях, статьях, отзывах. Крупнейшая в рунете поисковая система «Яндекс» в <a href="/uznat-gde-nahoditsya-sudno-v-dannyi-moment-pozicii-sudov/">данный момент</a> поддерживает только четыре типа разметки микроформатов: рецепты, отзывы, товары и контактные данные. Поэтому возможности Microformats.org ограничены по сравнению со Schema.org.</li> <li>Open Graph . Этот язык помогает социальным сетям отображать ссылки на ваш сайт с привлекательными описаниями. Open Graph поддерживают все наиболее популярные в рунете социальные площадки, включая Facebook, «Вконтакте», Twitter и т.п.</li> </ul><p> <br><img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-04.jpg' width="100%" loading=lazy></p> <p>Каждый язык микроразметки вы можете реализовать с помощью разных типов синтаксиса:</p> <ul><li>Микроданные . Формат microdata считается основным средством реализации микроразметки Schema.org. Он предполагает использование тегов и атрибутов HTML для структурирования данных. Основным преимуществом микроданных остается простота использования.</li> <li>JSON-LD . Перспективный формат передачи структурированных данных, предложенный W3C. С помощью этого типа синтаксиса вы можете реализовать микроразметку Schema.org.</li> <li>Микроформаты. Этот синтаксис используется для реализации словаря Microformats.org.</li> <li>RDFa . <a href="/obrabotka-universalnyi-obmen-dannymi-v-formate-xml-obrabotka/">Данный формат</a> используется для реализации языка Open Graph.</li> </ul><h3>Какой язык и синтаксис выбрать</h3> <p>Выбирайте язык и синтаксис в зависимости от цели и задач, которые вы хотите решить. Если вам нужны расширенные сниппеты на страницах поисковой выдачи, <a href="/razresheniem-ekrana-nazyvayut-kak-izmenit-razreshenie/">оптимальным выбором</a> будет Schema.org. Этот тип микроразметки поддерживают все крупные поисковые системы. Используя Schema.org, вы можете описать множество разных сущностей и получить <a href="/effektivnost-raboty-solnechnyh-panelei-raznyh-tipov-i-sposoby-ee-povysheniya/">разные типы</a> расширенных сниппетов. Реализовать разметку Schema.org вы можете с помощью синтаксиса microdata или JSON-LD.</p> <p>Если вам необходимо управлять описаниями ссылок в социальных сетях, внедрите Open Graph. Чтобы реализовать эту разметку, вы будете использовать формат RDFa. Язык Microformats.org также заслуживает внимания благодаря простоте использования.</p> <h2>Как получить расширенные сниппеты с помощью Schema.org</h2> <p>Вы можете реализовать микроразметку Schema.org несколькими способами. В нашем руководстве описывается самый сложный и самый правильный /upload/img/2015-11-11-tex-01.jpg: <a href="/chto-nuzhno-dlya-sborki-pk-spisok-samostoyatelnaya-sborka-sistemnogo/">самостоятельная сборка</a> кода, который необходимо указать на размечаемой странице. Если вы хотите досконально разобраться со Schema.org, обязательно воспользуйтесь руководством и разметьте вручную несколько страниц с разными сущностями.</p> <p>Не старайтесь запомнить наизусть порядок указания атрибутов. Вам необходимо понять принцип работы со Schema.org. Для практической повседневной работы вы будете использовать один или несколько инструментов, перечисленных ниже.</p> <h3>Schema Creator</h3> <p>Веб-сервис Schema Creator - простой и удобный генератор кода микроразметки, созданный софтверной компанией Raven. Чтобы воспользоваться инструментом, вам не нужно разбираться в веб-программировании. Более того, вам не придется даже регистрироваться. Есть только два условия успешного использования инструмента. Во-первых, вам нужно знать <a href="/funkciya-esli-if-odno-i-neskolko-uslovii-primery-chastye-oshibki/">английский язык</a> на базовом уровне или уметь пользоваться онлайн-переводчиками. Во-вторых, вам нужно знать, куда и как вставить сгенерированный инструментом код разметки.</p> <p>Представьте, что с помощью Schema Creator вы хотите разметить страницу с описанием книги. Вам нужно выбрать тип разметки «Книга» (Book).</p> <p> <br><img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-05.jpg' width="100%" loading=lazy></p> <p>На открывшейся странице укажите данные о книге: название, автора, издателя, при необходимости дату публикации и формат. Также вы можете указать ссылку на страницу книги. Например, это можно сделать, если вы хотите сослаться на страницу магазина, в котором можно приобрести книгу.</p> <p> <br><img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-06.jpg' width="100%" loading=lazy></p> <p>В поле Preview вы можете посмотреть, как будет отображаться разметка страницы для пользователей. В поле Code содержится код разметки, который необходимо скопировать и вставить на страницу сайта.</p> <p>Обратите внимание, если вы пользуетесь CMS с возможностью редактировать страницу в визуальном формате и <a href="/kakaya-programma-chitaet-format-html-chem-otkryt-fail-html-na-kompyutere/">формате HTML</a>, выберите второй вариант.</p> <p> <br><img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-07.jpg' width="100%" loading=lazy></p> <p>Если вы вставите код в <a href="/luchshie-veb-redaktory-vizualnyi-html-redaktor/">визуальном редакторе</a>, он некорректно отобразится на странице.</p> <p> <br><img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-08.jpg' width="100%" loading=lazy></p> <p>В режиме <a href="/kak-vstavit-kartinku-v-html-redaktirovanie-vyravnivanie-atributy/">редактирования HTML</a> вы можете выбирать, в каком месте страницы вставить код. Например, вы можете оформить его в качестве врезки в середине текста или резюме в конце статьи.</p> <p> <br><img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-09.jpg' width="100%" loading=lazy></p> <p>Если вам по каким-то причинам не подходит веб-сервис Schema Creator, воспользуйтесь другими инструментами для генерации кода микроразметки:</p> <ul><li>Если ваш сайт работает на WordPress, используйте плагин Schema Creator. Прочитайте по применению этого инструмента. Кстати, вы можете использовать и другие плагины для микроразметки. Для этого введите в поисковое поле каталога <a href="/chto-delat-esli-ne-rabotaet-plagin-na-wordpress-plagin-ne-otvechaet-chto/">плагинов WordPress</a> запрос «Schema.org».</li> <li>Для сайтов на Joomla! используйте редактор JCE и расширение J4Schema.org. Обратите внимание, чтобы заставить эту пару инструментов работать, вам придется потрудиться. Подробнее в инструкции .</li> <li>Для сайтов на Drupal воспользуйтесь модулем Schema.org .</li> <li>Существуют плагины и модули микроразметки для других популярных CMS: Magento , OpenCart , 1С-Битрикс и так далее.</li> </ul><p> <br><img src='https://i1.wp.com/texterra.ru/upload/img/2015-11-11-tex-10.jpg' width="100%" loading=lazy></p> <p>Вы можете реализовать микроразметку Schema.org с помощью синтаксиса JSON-LD. Для этого воспользуйтесь инструкцией . С помощью JSON-LD вы сможете внедрить на сайт только несколько типов микроразметки: Article, Person, WebSite, searchAction и некоторые другие. Синтаксис JSON-LD имеет важное преимущество перед микроданными: с его помощью можно создавать разметку, которую «видят» только поисковые системы.</p> <h2>Как разметить страницу с помощью маркера Google</h2> <p>Вы можете получить расширенные сниппеты, разметив страницу с помощью маркера в кабинете для <a href="/instrumenty-dlya-vebmasterov-google-instrukciya-po-ispolzovaniyu-dlya/">вебмастеров Google</a>. Для этого авторизуйтесь в Search Console и выберите в меню «Вид в поиске – маркер».</p> <p> <br><img src='https://i1.wp.com/texterra.ru/upload/img/2015-11-11-tex-11.jpg' width="100%" loading=lazy></p> <p>На открывшейся странице нажмите кнопку «Начать выделение».</p> <p> <br><img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-12.jpg' width="100%" loading=lazy></p> <p>Введите <a href="/kak-prodvigat-gruppu-vkontakte-samostoyatelno-serye-metody-raskrutki-grupp/">URL страницы</a>, которую планируете разметить. Выберите необходимый тип разметки. Поставьте флажок напротив опции «Отметить только эту страницу», если планируете вставить разметку только на одной странице. Если вы хотите одновременно разметить несколько страниц, оставьте опцию по умолчанию «Отметить эту и похожие страницы».</p> <p> <br><img src='https://i1.wp.com/texterra.ru/upload/img/2015-11-11-tex-13.jpg' width="100%" loading=lazy></p> <p>Выбранная страница должна открыться в режиме маркировки. Теперь вы можете выделять курсором <a href="/kak-bystro-naklonit-foto-ili-ego-fragment-pod-nuzhnym-uglom/">нужные фрагменты</a> контента и добавлять значения к атрибутам.</p> <p> <br><img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-14.jpg' width="100%" loading=lazy></p> <p>Убедитесь, что значение атрибута отобразилось корректно. Оно должно появиться в блоке «Мои элементы данных».</p> <p> <br><img src='https://i1.wp.com/texterra.ru/upload/img/2015-11-11-tex-15.jpg' width="100%" loading=lazy></p> <p>Таким же способом разметьте остальные данные. Если вы размечаете страницу с описанием фильма, укажите режиссера, исполнителей главных ролей, жанр, год выхода и т.п. После выделения нужных данных нажмите кнопку «Опубликовать».</p> <p> <br><img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-16.jpg' width="100%" loading=lazy></p> <p>После очередного индексирования сайта Google учтет изменения и отобразит в выдаче расширенный сниппет.</p> <h2>Как получить расширенный сниппет с помощью мастера разметки структурированных данных Google</h2> <p>С помощью <a target="_blank" href="https://www.google.com/webmasters/markup-helper/">мастера разметки</a> вы можете добавить структурированные данные на страницы сайта или в HTML-код <a href="/kak-otpravit-po-elektronnoi-pochte-odno-pismo-srazu-mnogim-adresatam/">электронных писем</a>. Авторизуйтесь в системе и укажите URL страницы, которую планируете разметить. Выберите тип данных и нажмите кнопку «Начать разметку».</p> <p> <br><img src='https://i1.wp.com/texterra.ru/upload/img/2015-11-11-tex-17.jpg' width="100%" loading=lazy></p> <p>На открывшейся странице выделяйте курсором данные и присваивайте значения атрибутам, как при работе с маркером.</p> <p> <br><img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-18.jpg' width="100%" loading=lazy></p> <p>После завершения разметки нажмите кнопку «Создать HTML». Скопируйте выделенный фрагмент с кодом разметки и вставьте на страницу сайта.</p> <p> <br><img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-19.jpg' width="100%" loading=lazy></p> <h2>Как получить расширенные сниппеты с помощью «Яндекс.Вебмастер»</h2> <p>Для формирования расширенных сниппетов вы можете воспользоваться инструментами для вебмастеров «Яндекс». Для этого выберите меню «Содержимое сайта».</p> <p> <br><img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-20.jpg' width="100%" loading=lazy></p> <p>Выберите тип данных, которые должны отображаться в расширенном сниппете. Это могут быть «Товары и цены», «Рецепты», «Рефераты», «Отзывы», «Словари», «Автообъявления».</p> <p> <br><img src='https://i0.wp.com/texterra.ru/upload/img/2015-11-11-tex-21.jpg' width="100%" loading=lazy></p> <p>Следуйте предложенным сервисом инструкциям. Например, чтобы добавить в сниппет информацию о товарах и ценах, вам нужно создать и загрузить YML-файл. Чтобы получить расширенный сниппет для страницы с описанием рецептов, необходимо добавить на страницу микроданные или микроформаты с соответствующей разметкой и дождаться очередной индексации сайта.</p> <h2>Как получить расширенные сниппеты с помощью микроформатов</h2> <p>С помощью микроформатов вы можете отображать в сниппете контактные данные человека или организации, кулинарные рецепты, отзывы и информацию о товарах. Для некоторых типов микроформатов существуют автоматические генераторы кода:</p> <ul><li>hCard (контактная информация).</li> <li>hReview (отзывы).</li> <li>hCalendar (события).</li> </ul><p>Чтобы разметить страницу с контактными данными, укажите <a href="/kak-zaregistrirovatsya-v-yutube-samaya-prostaya-poshagovaya/">необходимую информацию</a> в генераторе кода hCard. В поле preview вы можете предварительно просмотреть карточку с <a href="/principy-hraneniya-informacii-v-pamyati-kompyutera-personalnyi-kompyuter-principy-hraneniya-informac/">персональной информацией</a>, которая будет отображаться на странице сайта. Если данные указаны корректно, скопируйте код и вставьте его на сайт. Расширенный сниппет появится после очередной индексации ресурса поисковиками.</p> <p> <br><img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-22.jpg' width="100%" loading=lazy></p> <h2>Как получить расширенные описания в социальных сетях</h2> <p>Универсальный инструмент для решения этой задачи - протокол Open Graph. Его «понимают» наиболее популярные <a href="/meendo-socialnaya-set-dlya-vzroslyh-meendo-socialnaya-set-dlya-vzroslyh-socialnaya/">социальные сети</a>, включая «Вконтакте», «Фейсбук», «Твиттер», Google+ и другие.</p> <p>Чтобы создать разметку Open Graph, воспользуйтесь <a href="/rezervnoe-elektrosnabzhenie-doma-ibp-generator-avtozapusk/">автоматическим генератором</a>, например, таким . Заполните необходимые данные. Скопируйте сгенерированный код и вставьте его на страницу между тегами <head> и </head>.</p> <p> <br><img src='https://i2.wp.com/texterra.ru/upload/img/2015-11-11-tex-23.jpg' width="100%" loading=lazy></p> <p>Обратите внимание, в выпадающем меню Type необходимо выбирать подходящий тип контента: статья, видео, книга и так далее.</p> <p>Чтобы получить привлекательные описания в Twitter, вы можете воспользоваться Twitter Cards. Вам поможет подробная</p> <p>Сниппет – это описание найденной страницы в результатах поиска. В сниппете выводится заголовок, щелкнув по которому, пользователь переходит на страницу сайта, описание страницы, адрес (URL), фавикон, быстрые ссылки, адрес и телефон компании и ряд других элементов.</p> <h2>Зачем нужно работать над сниппетом?</h2> <p>Привлекательные сниппеты обращают на себя внимание и увеличивают число переходов из поисковых систем. Поэтому важно контролировать, чтобы сниппеты интересно описывали содержание страниц сайта.</p> <p><b>Пример сниппета в Яндексе: </b></p> <p><img src='https://i0.wp.com/adblogger.ru/wp-content/uploads/2013/12/yandex_snippet.jpg' width="100%" loading=lazy></p> <p><b>Пример сниппета в Google: </b></p> <p><img src='https://i2.wp.com/adblogger.ru/wp-content/uploads/2013/12/google_snippet.jpg' width="100%" loading=lazy></p> <h2>Как поисковые системы формируют сниппеты?</h2> <p>Как правило, основные элементы для сниппета – заголовок и описание страницы – поисковые системы берут из содержания документа. Чтобы изменить сниппет в Яндексе или Google, необходимо скорректировать содержание тех частей страницы, откуда была взята информация для сниппета.</p> <p><b>Заголовок сниппета </b> формируется из <a href="/teg-title-nazvanie-stranicy-vs-pro-optimizaciyu-taitla-chto-vy/">TITLE страницы</a>, заголовка или подзаголовка на странице. Реже заголовок сниппета может браться Яндексом из описания сайта в Яндекс.Каталоге. Google для этой цели может использовать информацию из каталога DMOZ.</p> <p><b>Описание </b> страницы берется из meta-тега description или текста документа. Также Яндекс может использовать описание сайта в Яндекс.Каталоге.</p> <p>Остальные элементы сниппета берутся с сайта, реже – из других источников. Яндекс также использует информацию, указанную при регистрации сайта в справочнике предприятий Яндекса. Например, из Справочника берется адрес, телефон, часы работы компании, виды деятельности (выводятся серым шрифтом в сниппете).</p> <p>В ряде случаев поисковые системы позволяют использовать «расширенные сниппеты», в которых владелец сайта может вывести дополнительную информацию, например – стоимость товара, фотографию и т.д.</p> <p>Перечень информации, которую можно вывести в расширенном сниппете в Яндексе для сайтов разной тематики:</p> <p><img src='https://i2.wp.com/adblogger.ru/wp-content/uploads/2013/12/yandex_snippet_adv.jpg' width="100%" loading=lazy></p> <p>В Google существует аналогичный функционал, который позволяет, например, закрепить авторство материалов на определенном сайте, путем привязки сайта к аккаунту автора в Google+</p> <h2>Как сделать привлекательный сниппет?</h2> <h2>Как изменить сниппет в Яндексе или Google?</h2> <ol><li>Определите, из какой части документа Яндекс или Google формирует сниппет.</li> <li>Скорректируйте данную часть текста, чтобы добавить нужный сниппет в поисковую систему. Если необходимо, чтобы сниппет сформировался из другой части документа – добавьте в эту часть нужные <a href="/podbor-klyuchevyh-slov-iz-yandeks-vordstat-i-direkt-kak-polzovatsya/">ключевые слова</a>, убрав их из той части документа, откуда берется текущий сниппет.</li> <li>Чтобы изменить в сниппете быстрые ссылки, используйте рекомендации поисковых систем (ссылки на них даны выше в статье).</li> <li>Чтобы изменить в сниппете адрес компании, телефон или часы работы – измените <a href="/modeli-dannyh-obnovlenie-informacii-posle-modifikacii-modeli/">данную информацию</a> в справочнике предприятий Яндекса. В сниппет она добавится автоматически после обновления базы поисковой системы (апдейта).</li> </ol> <p><b>Сниппет </b> (англ. snippet - фрагмент, отрывок) – <a href="/programmy-i-prilozheniya-kotorye-neobhodimy-na-kompyutere/">краткое описание</a> страницы в поисковой выдаче, показывается непосредственно под тайтлом.</p> <p>В конце 2009 Google рассказал миру о начале применения расширенных сниппетов. Расширенные сниппеты получили широкое применение: авторы, рецепты приготовления пищи, автомобили, для предприятий, видеофильмов, музыки и т.д. Я хочу остановиться на создании расширенного сниппета для авторов, т.е. вывод вашей фотографии и ФИО рядом с описанием страницы. Вот так выглядит сниппет моего блога.</p> <p><img src='https://i1.wp.com/promotiger.ru/wp-content/uploads/2013/02/rich-snippet1.jpg' align="center" width="100%" loading=lazy></p> <p>Для создания расширенного сниппета вам потребуется аккаунт в Google+, без него никак. При создании аккаунта G+ обратите внимание на загружаемую фотографию для аватара, потому, что она будет показываться в ваших расширенных сниппетах. После удачного создания вашего профайла в G+ вам потребуется сообщить гуглу о своих статьях и записях в блоге. Делается это следующим образом:</p> <p>В левой части экрана нажимает кнопку «Профиль» > Далее сверху, возле вашей фотографии нажмите «Изменить профиль» > Потом внизу «Мои публикации» > и указываем URL вашего блога. Здесь же, чуть выше, надо обязательно указать адрес <a href="/mail-glavnaya-stranica-registraciya-elektronnoi-pochty-e-mail-ispolzovanie/">электронной почты</a> в графе «Рабочие контакты» и телефон можно тоже указать, но не обязательно. После всего этого нажимаем кнопку «Готово», вверху над фотографией.</p> <p>Если у вас не гуглпочта, то потребуется подтверждение добавленного <a href="/chto-takoe-soobshchenie-elektronnoi-pochty-chto-takoe-adres-elektronnoi/">электронного адреса</a>. На него отправят активационную ссылку. После всех этих манипуляций, напротив адреса электронной почты должна загореться галочка в кружочке.</p> <p>Следующим действием будет подтверждение ваших публикаций в блоге – авторство. Для этого можно воспользоваться двумя способами:</p> <ul><li>Первый способ: Установка на свой блог «Google+ знак для профилей » (откроется в новом окне). Там выбираете понравившуюся вам кнопку и, заменив в полученном коде «profiles.google.com» на ваш адрес профиля G+, установить ее на все страницы блога, что-то типа сквозной ссылки сделать. У меня на блоге это сделано простым текстовым виджетом установленном в сайдбаре возле счетчиков. Гугл особо не заморачивался с рекомендациями по установке, поэтому устанавливайте, как кому больше нравиться.</li> <li>Второй способ: Добавляем в файл «index.php» <a href=»?rel=author»>Google</a></li> </ul><p>Самое главное в этих способах — это «?rel=author», именно при помощи него Google и привязывает статью в блоге к профилю G+.</p> <p>Теперь остается проверить, правильно ли мы все сделали. Заходим в «<a target="_blank" title="Инструмент проверки расширенного сниппета" href="http://www.google.com/webmasters/tools/richsnippets">Инструмент проверки структурированных данных</a> » (откроется в новом окне), вводим урл и нажимаем кнопку посмотреть, если все ок, то ниже вы увидите фотографию вашего профиля в расширенном сниппете. Выглядеть все это должно примерно так:</p> <p><img src='https://i2.wp.com/promotiger.ru/wp-content/uploads/2013/02/Instrument-proverki-struktuirovannich-dannich.jpg' align="center" width="100%" loading=lazy></p> <p>Прокрутив немного вниз, к пункту «Код структурированных данных», надо глянуть, нет ли там ошибок. Обычно это ошибки микроразметки такого плана:</p> <p><b>Warning: Missing required field “entry-title” </b></p> <p><b>Warning: Missing required field “updated” </b></p> <p><b>Warning: Missing required hCard “author” </b></p> <p>Страшного ничего нет, немного погуглив нашел ответ в блоге уважаемого Дениса Черникова , большое ему спасибо. Итак:</p> <p>Редактируем любимый нами файл «index.php», скачиваем его через FTP на комп, открываем любым <a href="/tekstovye-redaktory-kakie-byvayut-tekstovye-redaktory-dlya/">текстовым редактором</a> и ищем следующий код:</p><p> <h2 class="title"></h2> </p><p>редактируем его следующим образом</p><p> <h2 class="title entry-title"></h2> </p><p> <span class="vcard author"><span class="fn"><?php the_author(); ?></span> <span class="updated"><?php the_date(); ?></p> </p><p>сохраняемся и заливаем по FTP исправленный «index.php» назад на сайт. Вот в принципе и все, что я хотел вам рассказать по созданию расширенного сниппета. Если что не получается, спрашиваем в комментариях или в . Не забываем нажимать социальные кнопочки))</p> <script type="text/javascript">  </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> <center> <div class="social-likes"> <div class="facebook" title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div class="twitter" title="Поделиться ссылкой в Твиттере">Twitter</div> <div class="vkontakte" title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div class="odnoklassniki" title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div class="plusone" title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div> </center> </div> <div class="topic">Статьи по теме</div> <div class='code-block code-block-7' style='margin: 8px 0; clear: both;'> </div> <div class="posts"> <div class="posts_1_2"> <div class="post"> <a href="/kak-zapustit-bezopasnyi-rezhim-na-kompyutere-s-os-windows-xp-zapuskaem-windows-xp-v/" class="thumb"><img width="190" height="190" src="/uploads/5ab3051486ba456e3678b7a766bb2365.jpg" class="attachment-front size-front wp-post-image" alt="Запускаем Windows XP в безопасном режиме Комп грузится только в безопасном режиме" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/kak-zapustit-bezopasnyi-rezhim-na-kompyutere-s-os-windows-xp-zapuskaem-windows-xp-v/">Запускаем Windows XP в безопасном режиме Комп грузится только в безопасном режиме</a></div> </div> <div class="post"> <a href="/dlya-chego-nuzhna-uchetnaya-zapis-microsoft/" class="thumb"><img width="190" height="190" src="/uploads/4c40212722666cef3fb8079f9f3f72dd.jpg" class="attachment-front size-front wp-post-image" alt="Для чего нужна учетная запись Microsoft" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/dlya-chego-nuzhna-uchetnaya-zapis-microsoft/">Для чего нужна учетная запись Microsoft</a></div> </div> </div><div class="posts_1_2"> <div class="post"> <a href="/sdelat-vizir-dlya-kamery-md-80-mini-kamera-ambertek-md80-xl-c/" class="thumb"><img width="190" height="190" src="/uploads/6955efa8b6ed5def56a861cb20f73bbc.jpg" class="attachment-front size-front wp-post-image" alt="Мини камера Ambertek MD80 XL c увеличенным аккумулятором" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/sdelat-vizir-dlya-kamery-md-80-mini-kamera-ambertek-md80-xl-c/">Мини камера Ambertek MD80 XL c увеличенным аккумулятором</a></div> </div> <div class="post"> <a href="/planshet-iz-raspberry-pi-svoimi-rukami-podklyuchaem-raspberry-pi-k-monitoru-noutbuka/" class="thumb"><img width="190" height="190" src="/uploads/2a85c960526809293b67def23d3bafe0.jpg" class="attachment-front size-front wp-post-image" alt="Подключаем Raspberry Pi к монитору ноутбука Raspberry zero соединяем с экраном" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/planshet-iz-raspberry-pi-svoimi-rukami-podklyuchaem-raspberry-pi-k-monitoru-noutbuka/">Подключаем Raspberry Pi к монитору ноутбука Raspberry zero соединяем с экраном</a></div> </div> </div><div class="posts_1_2"> <div class="post"> <a href="/kak-postavit-angliiskoe-imya-vkontakte-kak-izmenit-imya-vkontakte-v/" class="thumb"><img width="190" height="190" src="/uploads/af0d9f11db4a6f162def7d0dd1ee94dc.jpg" class="attachment-front size-front wp-post-image" alt="Как изменить имя вконтакте" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/kak-postavit-angliiskoe-imya-vkontakte-kak-izmenit-imya-vkontakte-v/">Как изменить имя вконтакте</a></div> </div> <div class="post"> <a href="/ne-rabotaet-klaviatura-na-noutbuke-skachivaem-draivera-dlya-klaviatury/" class="thumb"><img width="190" height="190" src="/uploads/5d84032b32025a4367084b628b9e1605.jpg" class="attachment-front size-front wp-post-image" alt="Скачиваем драйвера для клавиатуры A4Tech Как установить драйвера для клавиатуры" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/ne-rabotaet-klaviatura-na-noutbuke-skachivaem-draivera-dlya-klaviatury/">Скачиваем драйвера для клавиатуры A4Tech Как установить драйвера для клавиатуры</a></div> </div> </div><div class="posts_1_2"> <div class="post"> <a href="/xiaomi-mi-max-ustanavlivaem-proshivku-miui8-vybiraem-proshivku-miui-miui-8-2-4/" class="thumb"><img width="190" height="190" src="/uploads/a64db08eabfa3ed8ee5e221d415358f2.jpg" class="attachment-front size-front wp-post-image" alt="Выбираем прошивку MIUI Miui 8" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/xiaomi-mi-max-ustanavlivaem-proshivku-miui8-vybiraem-proshivku-miui-miui-8-2-4/">Выбираем прошивку MIUI Miui 8</a></div> </div> <div class="post"> <a href="/kogda-vyhodit-samsung-not-7-samsung-galaxy-note7-exynos---tehnicheskie-harakteristiki/" class="thumb"><img width="190" height="190" src="/uploads/573824ce94eaa1d087ea80fafd964aad.jpg" class="attachment-front size-front wp-post-image" alt="Samsung Galaxy Note7 Exynos - Технические характеристики" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/kogda-vyhodit-samsung-not-7-samsung-galaxy-note7-exynos---tehnicheskie-harakteristiki/">Samsung Galaxy Note7 Exynos - Технические характеристики</a></div> </div> </div> </div> <div class="related"> </div> <script type="text/javascript"> jQuery(function($){ var elements = $('.post > .title'); function recaulculate_height() { var width = $(window).outerWidth(true); if (width > 1150) { recalculate_callback(4); } else if (width > 400) { recalculate_callback(2); } else { elements.css('min-height', '0'); } } function recalculate_callback(count){ count = count || 4; for (var i = 0; i < elements.length; i = i+count) { var elements_row = elements.slice(i, i+count); var height = 0; elements_row.each(function(){ height = Math.max(height, $(this).height()); } ).css('min-height', height); } } recaulculate_height(); $(window).resize(recaulculate_height); } ); </script> </div> <div id="sidebar"> <div class="widget" id="text-4"> <div class="textwidget"> </div> </div> <div class="widget" id="widget_super_posts-3"> <div class="title popular"><span id="btn_latest" class="active">Новое</span> и <span id="btn_popular">популярное</span></div> <div id="posts_latest" class="widget_posts"> <div class="widget_post"> <a href="/bolshoi-gaid-po-torgovle-v-black-desert-mobile-bolshoi-gaid-po-torgovle-v-black-desert/" class="thumb"><img width="150" height="150" src="/uploads/d30e9ff534893fe35caf550c975c34e6.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Большой Гайд по Торговле в Black Desert Mobile Black Desert - прокачка торговли" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/bolshoi-gaid-po-torgovle-v-black-desert-mobile-bolshoi-gaid-po-torgovle-v-black-desert/">Большой Гайд по Торговле в Black Desert Mobile Black Desert - прокачка торговли</a> </div> <div class="widget_post"> <a href="/rabochie-instrumenty-kotorye-mozhno-zamenit-smartfonom-moasure/" class="thumb"><img width="150" height="150" src="/uploads/e761c5ed70aaea2a2bc59debf8beb23c.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Moasure — Умная рулетка, транспортир и угломер Мобильный дальномер для смартфонов и планшетов" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/rabochie-instrumenty-kotorye-mozhno-zamenit-smartfonom-moasure/">Moasure — Умная рулетка, транспортир и угломер Мобильный дальномер для смартфонов и планшетов</a> </div> <div class="widget_post"> <a href="/kak-perestat-byt-sozdatelem-gruppy-v-vk-polnaya-peredacha-gruppy/" class="thumb"><img width="150" height="150" src="/uploads/8c734500b20de4c6d1cd328375b793ef.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Полная передача группы вконтакте со сменой владельца" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/kak-perestat-byt-sozdatelem-gruppy-v-vk-polnaya-peredacha-gruppy/">Полная передача группы вконтакте со сменой владельца</a> </div> <div class="widget_post"> <a href="/prohozhdenie-igry-dying-light-na-igru-dying-light-prohozhdenie-igry-cel/" class="thumb"><img width="150" height="150" src="/uploads/726173cfff37ad67fc41930c895701b1.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Прохождение игры dying light на игру" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/prohozhdenie-igry-dying-light-na-igru-dying-light-prohozhdenie-igry-cel/">Прохождение игры dying light на игру</a> </div> </div> <div id="posts_popular" class="widget_posts tab-hidden"> <div class="widget_post"> <a href="/razveddannye-mesta-raspolozhenii-vseh-razveddannyh-v-cod-advanced-warfare-cod-4-razveddannye/" class="thumb"><img width="150" height="150" src="/uploads/eeaac9075b6b16be34d3f227b4d4d2d7.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Места расположений всех разведданных в COD Advanced Warfare Cod 4 разведданные" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/razveddannye-mesta-raspolozhenii-vseh-razveddannyh-v-cod-advanced-warfare-cod-4-razveddannye/">Места расположений всех разведданных в COD Advanced Warfare Cod 4 разведданные</a> </div> <div class="widget_post"> <a href="/kakie-minimalnye-trebovaniya-dlya-gta-5-sistemnye-trebovaniya-skolko-nuzhno/" class="thumb"><img width="150" height="150" src="/uploads/85fffd4a57e3185189e290fbcd6dffb3.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Какие минимальные требования для gta 5" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/kakie-minimalnye-trebovaniya-dlya-gta-5-sistemnye-trebovaniya-skolko-nuzhno/">Какие минимальные требования для gta 5</a> </div> <div class="widget_post"> <a href="/kak-uvelichit-chuvstvitelnost-mikrofona-na-androide-padaet/" class="thumb"><img width="150" height="150" src="/uploads/c888115c8762122b3efda5dac7963456.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Падает громкость микрофона самостоятельно" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/kak-uvelichit-chuvstvitelnost-mikrofona-na-androide-padaet/">Падает громкость микрофона самостоятельно</a> </div> <div class="widget_post"> <a href="/kontrollery-dlya-zaryada-solnechnoi-batarei-tonkosti-podbora-i-montazha-kontroller/" class="thumb"><img width="150" height="150" src="/uploads/63186cac582ad0768bb053096aeed0ec.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Контроллер заряда для солнечных батарей Схема контроллера заряда аккумулятора от солнечной батареи" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/kontrollery-dlya-zaryada-solnechnoi-batarei-tonkosti-podbora-i-montazha-kontroller/">Контроллер заряда для солнечных батарей Схема контроллера заряда аккумулятора от солнечной батареи</a> </div> </div> <script type="text/javascript"> jQuery(function($) { $('#btn_latest').click(function() { $('#posts_popular').slideUp(); $('#posts_latest').slideDown(); $(this).addClass('active'); $('#btn_popular').removeClass('active'); }); $('#btn_popular').click(function() { $('#posts_latest').slideUp(); $('#posts_popular').slideDown(); $(this).addClass('active'); $('#btn_latest').removeClass('active'); }); }); </script> </div> <noindex> <div class="widget" id="widget_latest_posts-2"> <div class="widget_news"> <span class="date">2023-08-02 00:11:04</span> <a href="/bloki-pitaniya-na-tranzistore-p210---marketingburden-moshchnyi/">Мощный лабораторный блок питания на транзисторах Схемы на транзисторе п210</a> </div> <div class="widget_news"> <span class="date">2023-08-01 00:12:09</span> <a href="/prichina-padeniya-servera-s-modom-pikselmon-opisanie-servera-pixelmon-ustanovlennye-mody-na-servere/">Описание сервера PixelMon</a> </div> <div class="widget_news"> <span class="date">2023-07-31 00:11:12</span> <a href="/kak-pravilno-nastroit-vindovs-7-maksimalnaya-nastroika-sistemnogo/">Настройка системного диска</a> </div> </div> </noindex> <noindex> <div class="widget" id="widget_recent_comments-2"> <div class="title">Популярное</div> <div class="widget_discuss"> <a href="/mozhno-li-razdelit-sistemnyi-disk-s-kak-razdelit-zhestkii-disk-na/">Как разделить жесткий диск на разделы</a> <span class="item">Сегодня рассмотрим, каким способом разделить диск в Windows 10, не прибегая к стороннему программному обеспечению, ведь такая необходимость появляется...</span> </div> <div class="widget_discuss"> <a href="/kak-zapustit-bezopasnyi-rezhim-na-kompyutere-s-os-windows-xp-zapuskaem-windows-xp-v/">Запускаем Windows XP в безопасном режиме Комп грузится только в безопасном режиме</a> <span class="item">После обновления операционной системы как Windows 7, так и Windows 10, пользователи могут столкнуться с неполадкой, когда компьютер загружается только в...</span> </div> <div class="widget_discuss"> <a href="/dlya-chego-nuzhna-uchetnaya-zapis-microsoft/">Для чего нужна учетная запись Microsoft</a> <span class="item">В предыдущей статья я рассказывал вам об установке , которая не сильно отличается от установки Windows XP. В этой статье мы поговорим об установке...</span> </div> </div> </noindex> <div class="widget" id="text-9"> <div class="textwidget"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script> <div id="vk_groups"></div> </div> </div> <div class="widget" id="text-11"> <div class="textwidget"> <center> </center> </div> </div> </div> <div class="clear"></div> </div> </div> <div id="footer"> <div class="fixed"> <div class="footer_l"> <div id="copyright"> <p>maintorrent.ru © 2024</p> <p>Тарифы МТС. Полезные статьи. Вопрос-ответ</p> </div> </div> <div class="footer_r"> <div class="footer_menu"><ul> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/internet/">Интернет</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/services/">Услуги</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/mts-bank/">МТС Банк</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/tariffs-mts/">Тарифы МТС</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/balance/">Баланс</a></li> </ul></div> <div class="footer_nav"><ul> <li class="menu-item type-post_type object-page home current-menu-item page_item page-item-2 current_page_item active"><a href="/">Главная</a></li> <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/">Контакты</a></li> </ul></div> <div class="info"></div> </div> </div> <div class='code-block code-block-1' style='margin: 8px 0; clear: both;'> </div> </div> </div> <script type="text/javascript"> jQuery(function($){ $('#menu_button').click(function(){ $('#menu').slideToggle(); $('#search').slideUp(); } ); $('#search_button').click(function(){ $('#search').slideToggle(); // $('#menu').slideUp(); } ); $('.content table').each(function(){ var table = $(this); if (!table.parents().is('.table')) { table.wrap('<div class="table"></div>'); } } ); $('.content > p').first().addClass('excerpt'); } ); </script> <div class="adf_block"> <div class="mobile"> <div id="yandex_rtb_R-A-190385-5"></div> <img src="https://maintorrent.ru/wp-content/plugins/adfixator/images/close.png" class="close" / loading=lazy> </div> </div> <script type='text/javascript'> /* <![CDATA[ */ var fixator = { "cookies":"1","screens":"2","screens_mobile":"3","delay":"6"} ; /* ]]> */ </script> <script type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/adfixator/scripts/scripts.js'></script> <script type='text/javascript' src='/assets/scripts1.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 10, "margin_bottom" : 0, "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','text-11'] } ; </script> <script type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/wp-jquery-lightbox/jquery.touchwipe.min.js?ver=1.4.6'></script> <script type='text/javascript'> /* <![CDATA[ */ var JQLBSettings = { "showTitle":"1","showCaption":"1","showNumbers":"1","fitToScreen":"0","resizeSpeed":"400","showDownload":"0","navbarOnTop":"0","marginSize":"0","slideshowSpeed":"4000","prevLinkTitle":"\u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","nextLinkTitle":"\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","closeTitle":"\u0437\u0430\u043a\u0440\u044b\u0442\u044c \u0433\u0430\u043b\u0435\u0440\u0435\u044e","image":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 ","of":" \u0438\u0437 ","download":"Download","pause":"(pause slideshow)","play":"(play slideshow)"} ; /* ]]> */ </script> <script type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/wp-jquery-lightbox/jquery.lightbox.min.js?ver=1.4.6'></script> <script async="async" type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> </html>