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

Содержание статьи:

Что такое теги
Использование тегов в социальных сетях
Использование тегов при размещении видеозаписей на Youtube
Как написать теги в "Яндекс.Дзен"
Как правильно писать теги в "Дзен"
Использование тегов в HTML
Как писать теги в HTML
Зачем нужны мета-теги
Задачи мета-тегов при отптимизации
Как правильно писать мета-теги

Многих интересует, как правильно писать теги. Граффити, изображения, аудио, видео - все это помечается тегами для упрощенного поиска по темам.

Правильно ли мы понимаем значение этого слова и действительно ли тег нужен только как указатель при поиске информации?

Вебмастера работают на компьютерах

Что такое теги

Канал о подготовке к экзаменам

Подпишись, чтобы не пропустить новые видео и самостоятельно подготовиться к ОГЭ и ЕГЭ

Слово "тег" относится к разряду омонимов - слов, которые пишутся и произносятся одинаково, но имеют несколько отличающихся друг от друга значений.

Вам будет интересно:Как найти ftp сервер

Язык его происхождения - английский, с которого tag переводится как "бирка, этикетка", а глагол to tag известен британцам в значении "метить, помечать".

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

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

Использование тегов в социальных сетях

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

Он начинается с символа "решетка" (Shift + 3 в английской раскладке клавиатуры).
Если состоит из двух и более слов, то эти слова не должны прерываться. Обычно либо между ними не ставят пробелы (например: #мыходилигулять), либо ставят знаки препинания или символ "нижнее подчеркивание" в тех местах, где должны быть пробелы (например: #мы_ходили_гулять).
Если кликнуть на активный хештег, поиск выдаст другие записи с таким же хештегом. Именно поэтому хештеги часто применяются для упрощения поиска по паблику или по теме поста.

Использование тегов при размещении видеозаписей на Youtube

Вам будет интересно:Как опубликовать сайт в интернете

Для видеохостинга "Ютуб" наличие тегов невероятно важно. Дело в том, что этот сервис помогает видеоблогерам продвигать свои каналы совершенно бесплатно, если соблюдены следующие условия:

Пользователь не нарушает правил "Ютуб" и норм действующего законодательства.
Видео на канале пользователя действительно интересные и нравятся зрителям, о чем свидетельствует количество просмотров, комментариев, положительных оценок, количество подписчиков.
Канал оформлен правильно: есть обложка, заполнена вся необходимая информация. Это позволяет понять, что блогер настроен серьезно.
Видео размещено правильно: название исходного файла соответствует будущему названию видео, само название интригующее, а также указаны теги.

Вам будет интересно:Как заливать файлы на хостинг

Теги заполняются после загрузки видео в специальном поле. Они позволяют пользователю "Ютуб" найти видео по теме. Система анализирует теги и название видео, затем выдает его по запросу в поисковой строке.

Съемка видео для ютуб

Как написать теги в "Яндекс.Дзен"

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

Как правильно писать теги в "Дзен"

Определитесь с темой статьи. Выделите ключевые слова - они и должны стать тегами.

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

О том, как писать теги с названиями, например, названиями компаний, организаций, блогов, очень мало материалов. Основное правило - использовать их не очень часто, поскольку это может оттолкнуть. Не сложно понять на практике, как правильно писать теги с названиями.

Работа веб-дизайнера или веб-мастера

Использование тегов в HTML

Намного сложнее дело обстоит с использованием тегов в веб-дизайне, при создании сайтов. Структуру сайта пишут с помощью HTML - в переводе на русский эта аббревиатура означает "язык гипертекстовой разметки".

Не настолько сложно понять, как писать теги в HTML, выучить их - более трудная задача. Каждый тег отвечает за что-либо в структуре сайта.

Как писать теги в HTML

Каждый тег заключается в угловые скобки, в противном случае он тегом в HTML не считается, а потому будет выглядеть как просто текст. Как правильно: , <b>. Как неправильно: title, b.</p> <p>Каждый тег имеет какое-либо действие. В HTML абсолютно все пишется именно с помощью тегов, будь то шрифт текста или вставка изображения.</p> <p>Есть парные теги, а есть непарные. Парные указывают на то, что действие определенного тега распространяется только на часть документа - ту, которая размещена между парными тегами. Тег, который указывает на конец фрагмента, пишется со слешем. Например, если нужно выделить текст жирным шрифтом: <b>текст, выделенный жирным шрифтом</b>. Если нужно вставить таблицу: <table>здесь идет таблица с колонками, ячейками и текстом в них</table>.</p> <p>Непарные теги преимущественно связаны со вставкой какого-либо элемента, потому отсутствует необходимость указывать, на какой фрагмент документа распространяется их действие. К таким тегам относятся абзац, вставка изображения/видеозаписи/аудиозаписи, вставка символов маркированного списка и тому подобное. Например, чтобы вставить изображение, используется следующий тег: <img>, чтобы вставить абзац - <br>.</p> <p>Помимо тегов существуют их атрибуты - своеобразные настройки тегов. Например, чтобы указать размер, цвет или тип шрифта, используется тег <font>, но этого недостаточно, так как машине непонятно, какой именно размер или тип шрифта имеется в виду. Потому нужно конкретизировать с помощью атрибутов size, color и face. Они пишутся в тех же угловых скобках после тега, и важно задать значение атрибутов. Например <font size="+2" color="770077" face ="Tahoma">. Это означает, что размер шрифта будет увеличен на два пункта, цвет текста - фиолетовый, а используемый шрифт - Tahoma. Также можно выбирать только один атрибут. К слову, код цвета пишется по принципу RGB. Можно просто посмотреть код выбранного цвета в "Фотошопе".</p> <p>Ошибка в коде называется ошибкой синтаксиса. Пропущенный символ, пропущенная или лишняя буква, опечатка - все это может повлиять на работу веб-страницы, а найти эту самую ошибку бывает очень трудно, особенно если код пишется в простом текстовом редакторе вроде "Блокнота". Выручают специальные программы для веб-разработчиков, которые подсвечивают места, где есть ошибки.</p> <p> <img src="/wp-content/uploads/2018/11/bba2990f01cd7b5cd80da25b6f23a0fb.jpg" itemprop="image" alt="Процесс создания сайта" class="if uuid-2648692" / /> <a name="Зачем-нужны-мета-теги" class="page-contents-link"></a><h2>Зачем нужны мета-теги</h2> <p>Чаще всего человек приходит на какой-либо сайт через поисковые системы. Например, он искал "как вставить гиперссылку в HTML" и попал на страницу сайта, где об этом рассказывается. Не понравилась информация, или непонятно, или недостаточно - закрыл страницу и зашел на следующую.</p> <p>Как правило, пользователь перейдет по тем ссылкам, которые занимают первые позиции в поисковой выдаче.</p> <p>По этом причине владельцам сайтов выгодно, чтобы в топе был именно их сайт. На позицию сайта в поисковой выдаче влияет множество факторов, среди которых - правильно прописанные мета-теги.</p> <p>Задача мета-тегов - дать пояснение о том, какую информацию содержит веб-страница или веб-сайт.</p> <p> <img src="/wp-content/uploads/2018/11/1d193a59a4093922d1965f8ccd928369.jpg" itemprop="image" alt="Как правильно писать теги" class="if uuid-2648680" / /> <a name="Задачи-мета-тегов-при-отптимизации" class="page-contents-link"></a><h2>Задачи мета-тегов при отптимизации</h2> <p>Для оптимизации страницы под поисковые системы нужны теги <title> <description> <alt>:</p> <ul> <li><title>Текст - парный тег. В нем прописывается то, какая информация содержится на этой веб-странице. В может повторяться то, что написано в заголовке Н1 и подзаголовках, а может и немного отличаться. Данные в теге <title> видны не на самой странице, в только в коде и во вкладке сайта.</li> <li><description> - более подробное описание того, какая информация содержится. Достаточно примерно 150-200 символов (несколько предложений). Пользователь не видит то, что содержится в данном теге, эта информация нужна для индексации поисковыми системами.</li> <li><alt> - у него задача похожа на задачу предыдущего тега, но разница в том, то он конкретизирует какой-либо конкретный элемент, например, поясняет, о чем изображение. Пользователю это описание может быть видно только при наведении курсора мышки на изображение, и то не всегда. <img src="/wp-content/uploads/2018/11/d34017b197cc756e70e82e9577432ae9.jpg" itemprop="image" alt="Еще один веб-мастер" class="if uuid-2648685" / /> </li> </ul> <a name="Как-правильно-писать-мета-теги" class="page-contents-link"></a><h2>Как правильно писать мета-теги</h2> <p>Выделите список ключевых слов для вашего сайта или вашей веб-страницы. Это можно сделать с помощью автоматизированных программ или обратившись к специалисту по SEO. Последнее будет эффективнее, поскольку специалист анализирует ваш сайт, сайты конкурентов, смотрит актуальность поисковых запросов, а программа просто выдает наиболее часто запрашиваемые пользователями слова или фразы на конкретную тему. Возможно, что специалист пользуется такими программами, но далее он включает собственную голову и свой опыт, чтобы оценить результат.</p> <p>На выходе у вас должно получиться семантическое ядро - подборка ключевых слов и фраз. Выберите в этой подборке один-три главных ключа.</p> <p>Во всех мета-тегах нужно употребить минимум один-два главных ключевых слова. Например, если сайт о дрессировке собак, то фраза "дрессировка собак" должна быть как минимум в <title> и <description>.</p> <p>Старайтесь не впихнуть все ключевые слова в одно предложение. Поисковые системы фильтруют сайты на предмет так называемого "переспама" - излишне частого употребления ключевых слов и фраз.</p> <p>Если текст на веб-странице на русском языке или сайт в целом русскоязычный, описание в мета-тегах тоже должно быть на русском языке, чтобы поисковые системы правильно проиндексировали страницу. Такое же правило действует для любого другого языка. Обратите внимание: если пользователь ищет информацию на английском языке, и его поисковой запрос включает только английские слова и словосочетания, то ему система не выдает сайты на русском или китайском.</p> </p> <p><br> <br> <a rel="nofollow" target="_blank" href="https://itinru.ru/away?to=http://fb.ru/article/400496">Источник</a></p></div> <div class="article-social"> <div></div> <div class="social-like"> <div id="vk_like"></div> </div> </div> <div class="social-share"> <span class="social-share-h">Понравилась статья? Поделись с друзьями:</span> <div class="social-share-rows"> <a class="soc-share vk" onclick="Share.vkontakte()"><i class="fab fa-vk"></i></a> <a class="soc-share fb" onclick="Share.facebook()"><i class="fab fa-facebook-f"></i></a> <a class="soc-share ok" onclick="Share.odnoklassniki()"><i class="fab fa-odnoklassniki"></i></a> <a class="soc-share twitter" onclick="Share.twitter()"><i class="fab fa-twitter"></i></a> </div> </div> <div class="content-author" itemscope="" itemtype="http://www.schema.org/Person"> <div class="author-box"> <a class="author-avatar" itemprop="url" href="/profile/1782" target="_blank"> <img class="author-avatar-img" src="https://img.itinru.ru/photos/avf/4494.jpg" alt="Галина Кротова"> </a> <div class="author-box-content"> <div class="author-box-data"> <span>Автор: </span><a class="author author-name" href="/profile/1782" rel="author" target="_blank" ><span itemprop="name">Галина Кротова</span></a> <time class="author-date updated published" datetime="2018-11-04T16:34:58+00:00"> 04-11-2018 21:34</time> </div> <div class="author-comment">Жду ваши вопросы и мнения в комментариях</div> </div> </div> </div> </div> </div> <div class="post-comments"> <div id="vk_comments"></div> <aside> <div class="block-title bgg">Подпишись на нашу группу ВКонтакте</div> <div id="vk_groups"></div> </aside> </div> <aside> <div class="block-title bgg">Похожие статьи</div> <div class="post-similar"> <div class="post-similar-row"> <a href="/sajtostroenie/20274-kak-zarabotat-na-youtube/" class="similar-article"> <div class="similar-article-img"><img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/24987/small/119951-52f61a71156df52f61a7115718.jpg" alt="Как заработать на Youtube"></div><div class="similar-article-title">Как заработать на Youtube</div> </a> </div> <div class="post-similar-row"> <a href="/sajtostroenie/20270-kak-sdelat-registratsiyu-polzovateley-na-sayte/" class="similar-article"> <div class="similar-article-img"><img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/8405/small/1-52552d8e4804352552d8e48083.jpg" alt="Как сделать регистрацию пользователей на сайте"></div><div class="similar-article-title">Как сделать регистрацию пользователей на сайте</div> </a> </div> <div class="post-similar-row"> <a href="/sajtostroenie/20269-kak-sozdat-svoy-smaylik/" class="similar-article"> <div class="similar-article-img"><img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/8402/small/1-52552abcec5a452552abcec5e3.jpg" alt="❶ Как создать свой смайлик"></div><div class="similar-article-title">❶ Как создать свой смайлик</div> </a> </div> <div class="post-similar-row"> <a href="/sajtostroenie/20268-kak-sdelat-muzyku-pri-vkhode-na-sayt/" class="similar-article"> <div class="similar-article-img"><img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/8396/small/1-52552b72e23bf52552b72e23fc.jpg" alt="Как сделать музыку при входе на сайт"></div><div class="similar-article-title">Как сделать музыку при входе на сайт</div> </a> </div> <div class="post-similar-row"> <a href="/sajtostroenie/20267-kak-otklyuchit-perenapravlenie/" class="similar-article"> <div class="similar-article-img"><img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/8190/small/1-52552c6be26d852552c6be2715.jpg" alt="Как отключить перенаправление"></div><div class="similar-article-title">Как отключить перенаправление</div> </a> </div> <div class="post-similar-row"> <a href="/sajtostroenie/20264-kak-udalit-akkaunt-ucoz/" class="similar-article"> <div class="similar-article-img"><img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/7862/small/1-52552c867272b52552c8672769.jpg" alt="Как удалить аккаунт ucoz"></div><div class="similar-article-title">Как удалить аккаунт ucoz</div> </a> </div> <div class="post-similar-row"> <a href="/sajtostroenie/20263-kak-translirovat-radio-cherez-internet/" class="similar-article"> <div class="similar-article-img"><img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/7860/small/1-52552cbe532ad52552cbe532ea.jpg" alt="❶ Как транслировать радио через интернет"></div><div class="similar-article-title">❶ Как транслировать радио через интернет</div> </a> </div> <div class="post-similar-row"> <a href="/sajtostroenie/20261-kak-sdelat-mobilnuyu-versiyu-sayta/" class="similar-article"> <div class="similar-article-img"><img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/7852/small/1-52552ba66751652552ba667553.jpg" alt="Как сделать мобильную версию сайта"></div><div class="similar-article-title">Как сделать мобильную версию сайта</div> </a> </div> <div class="post-similar-row"> <a href="/sajtostroenie/20254-kak-pomestit-svoe-video-v-quotyutubequot/" class="similar-article"> <div class="similar-article-img"><img src="/img/no-image-min.jpg" alt="Как поместить свое видео в "Ютубе""></div><div class="similar-article-title">Как поместить свое видео в "Ютубе"</div> </a> </div> <div class="post-similar-row"> <a href="/sajtostroenie/20253-kak-poluchit-vydelennyy-ip/" class="similar-article"> <div class="similar-article-img"><img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/7225/small/1-52552e106658752552e10665c7.jpg" alt="❶ Как получить выделенный ip"></div><div class="similar-article-title">❶ Как получить выделенный ip</div> </a> </div> </div> </aside> </article> </main> </div> <div class="sidebar"> <div class="sidebar-row"> <aside> <div class="sidebar-title ggc">Категории</div> <div class="sidebar-content"> <nav class="sidebar-nav"> <ul class="sidebar-nav__list"> <li><a href="/programmy/">Программы</a> </li> <li><a href="/smartfony/">Смартфоны</a> </li> <li><a href="/raznoe-pro-ustrojstva/">Разное про устройства</a> </li> <li><a href="/foto-i-videotehnika/">Фото и видеотехника</a> </li> <li><a href="/remont-ustrojstv/">Ремонт устройств</a> </li> <li><a href="/komplektujushhie-i-aksessuary/">Комплектующие и аксессуары</a> </li> <li><a href="/ofisnaja-tehnika/">Офисная техника</a> </li> <li><a href="/raznoe/">Разное</a> </li> <li><a href="/vybor-i-pokupka/">Выбор и покупка</a> </li> <li><a href="/noutbuki/">Ноутбуки</a> </li> <li><a href="/operacionnye-sistemy/">Операционные системы</a> </li> <li><a href="/servera/">Сервера</a> </li> <li><a href="/bezopasnost-v-internete/">Безопасность в интернете</a> </li> <li><a href="/blogging/">Блоггинг</a> </li> <li><a href="/sajtostroenie/">Сайтостроение</a> </li> <li><a href="/igry/">Игры</a> </li> <li><a href="/seo/">SEO</a> </li> <li><a href="/socialnye-seti/">Социальные сети</a> </li> </ul> </nav> </div> </aside> </div> <div class="sidebar-row"> <aside> <div class="sidebar-title ggc">Последние статьи</div> <div class="sidebar-new-posts-rows"> <a href="/igry/20286-kak-postavit-plagin-v-odinochnuyu-igru-v-minecraft/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/74849/small/1-5417f5412a8735417f5412a8b0.jpg" alt="Как поставить плагин в одиночную игру в Minecraft"> <span>Как поставить плагин в одиночную игру в Minecraft</span> </a> <a href="/raznoe/20285-cheetos-zapustil-pervuyu-v-rossii-tiktok-pachku/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/62722/small/37-6160583810a816160583810abe.jpg" alt="Cheetos запустил первую в России TikTok-пачку!"> <span>Cheetos запустил первую в России TikTok-пачку!</span> </a> <a href="/raznoe/20284-klub-druzey-cheetos-pomogaet-gepardam-v-moskovskom-zooparke/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/62721/small/37-614366759a2c3614366759a304.jpg" alt="«Клуб друзей»: Cheetos помогает гепардам в Московском зоопарке"> <span>«Клуб друзей»: Cheetos помогает гепардам в Московском зоопарке</span> </a> <a href="/raznoe/20283-nachinaem-s-ponedelnika-gadzhet-kotoryy-pomozhet-perestroitsya-na-zozh-i-sokhranit-emotsionalnyy-zapal/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/57505/small/25-618ce3d7a17ee618ce3d7a184f.jpg" alt="Начинаем с понедельника: гаджет, который поможет перестроиться на ЗОЖ и сохранить эмоциональный запал"> <span>Начинаем с понедельника: гаджет, который поможет перестроиться на ЗОЖ и сохранить эмоциональный запал</span> </a> <a href="/vybor-i-pokupka/20279-kak-vybrat-noutbuk-dlya-raboty/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/56105/small/1-52550c8cb088852550c8cb08c7.jpg" alt="Как выбрать ноутбук для работы"> <span>Как выбрать ноутбук для работы</span> </a> <a href="/vybor-i-pokupka/20280-kak-vybrat-noutbuk-dlya-raboty/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/56105/small/1-52550c8cb088852550c8cb08c7.jpg" alt="Как выбрать ноутбук для работы"> <span>Как выбрать ноутбук для работы</span> </a> <a href="/vybor-i-pokupka/20281-kak-vybrat-noutbuk-dlya-raboty/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/56105/small/1-52550c8cb088852550c8cb08c7.jpg" alt="Как выбрать ноутбук для работы"> <span>Как выбрать ноутбук для работы</span> </a> <a href="/vybor-i-pokupka/20282-kak-vybrat-noutbuk-dlya-raboty/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/56105/small/1-52550c8cb088852550c8cb08c7.jpg" alt="Как выбрать ноутбук для работы"> <span>Как выбрать ноутбук для работы</span> </a> <a href="/raznoe/20278-kak-vybrat-messendzher-dlya-raboty-i-zhizni-whatsapp-telegram-viber-gem4me/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/53642/small/25-60224bde5762960224bde57668.jpg" alt="Как выбрать мессенджер для работы и жизни: Whatsapp, Telegram, Viber, Gem4me?"> <span>Как выбрать мессенджер для работы и жизни: Whatsapp, Telegram, Viber, Gem4me?</span> </a> <a href="/raznoe/20277-implantatsii-all-on-6-preimushchestva-i-nedostatki/" class="sidebar-new-post"> <img src="https://img.itinru.ru/91385f33ca5c3e3975698b3d1d35a5fd/post/ad/53641/small/37-5fe32eaecea885fe32eaeceac8.jpg" alt="Имплантации All-on-6 преимущества и недостатки"> <span>Имплантации All-on-6 преимущества и недостатки</span> </a> </div> </aside> </div> <div class="sidebar-row"> <div id="comments_browse"></div> </div> </div> </div> <footer> <div class="footer"> <div class="footer-rows"> <div class="footer-menu"> <div class="footer-column info-url"> <a href="/about/">О проекте</a> <a href="/contacts/">Обратная связь</a> </div> <div class="footer-column info-url"> <a href="/sotrudnichestvo/">Сотрудничество</a> <a href="/razmeshchenie-reklamy/">Размещение рекламы</a> <a href="/dlya-pravoobladateley/">Для правообладателей</a> </div> <div class="footer-column info-responsibility"> <span>Информация взята из открытых источников, либо прислана нашими читателями. Все статьи размещенные на сайте представлены для ознакомления и не являются рекомендациями и используются в некоммерческих целях. Все права на материалы, изображения и прочую информацию пренадлежат их законным авторам (правообладателям).</span> </div> </div> <div class="footer-copy ggc">© «IT in RU», 2024</div> <div class="footer-column"> <a href="/usloviya-predostavleniya-informatsii/">Условия предоставления информации</a> | <a href="/otkaz-ot-otvetstvennosti/">Отказ от ответственности</a> </div> </div> </div> </footer>  <script> $(window).resize(function(){ var w = $(window).width(); if(w > 320 && menu.is(':hidden')) { menu.removeAttr('style'); } }); </script> <script src="//cdn.itinru.ru/js/app.js"></script>  <script > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(50995274, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/50995274" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  <div style="display:none;" onload="genStickSidebar()"></div> </body> </html>