В этой, довольно небольшой по содержанию, но очень важной по наполнению, статье мы рассмотрим такой важный seo-момент как метатеги для сайта и как их правильно прописать. Под рассмотрение попадет четверка явных лидеров современного сайтостроения среди CMS – вордпресс, джумла, битрикс и конечно же друпал. Разберемся в вопросах верной внутренней оптимизации, которая самым явным образом повлияет на ранжирование в недрах поисковых систем.
Перед тем как правильно прописывать теги сайта, неплохо было бы разобраться в самом понятии. Метатегом называется специальная запись HTML-разметки, которая размещается внутри контейнера
и передает необходимые данные поисковым машинам и браузерам.
Тройка самых важных, основных и обязательных к исполнению тегов:
- Title - заголовок страницы в браузере. Самый важный метатег, потому что его корректность с точки зрения поисковых систем повышает позицию в выдаче сайтов и влияет на CTR.
- Description – небольшое описание странички, длиной до 160 символов. Зачастую используется для сниппетов выдачи.
- Keywords – ключевые фразы со страницы релевантные контенту. Эти теги пользователям не видны, а видны краулерам
Вариантов наладить грамотную оптимизацию всегда два – нанять профессионала или самому стать профессионалом. Программистов предлагаем приберечь для выполнения более сложных задач, тем более что алгоритм работы с метатегами сводится к правильному выбору плагинов и их использованию. Это вариант – наш путь!
Как прописать мета теги для сайта вручную
Вариант типа «хардкор» мы тоже обязательно разберем, так как надо иметь понятие о самых основах сео-творчества и оптимизации в области прямого кода.
Такой способ актуален, если ваш сайт состоит из небольшого количества страниц и оптимизировать данные легче в ручном режиме. В любом другом случае на помощь приходят именно плагины. Все давно придумано за нас, главное – выбрать инструменты поудобнее. Подходы в зависимости от CMS будут немного отличаться, но поняв суть однажды, в дальнейшем проблем не возникнет.
Как прописать мета теги в Wordpress
Wordpress является мощнейшим продуктом разработки, поэтому о таких базовых элементах как внутренняя сео-оптимизация, подумали. Плагинов более чем достаточно, но мы рассмотрим пару самых оптимальных в сочетании простоты и эффективности использования:
Настоящий супер-комбайн для оптимизации, что благополучно следует из названия . Изучение этого плагина необходимо для грамотного продвижения, поэтому начать обучение с самых основ – вполне неплохо. Мануалов плагин предлагает множество, но в нашем случае интересовать должны вот эти поля:
Помимо прочего, в комбайне имеется возможность для создания масок на различные типы записей:
Подробнейшее описание плюс интерактивные подсказки в виде значков вопроса существенно облегчат познание этого полезного во всех отношениях инструмента.
Второй супер-инструмент, не уступающий первому по возможностям может показаться чуть сложнее при использовании, но это лишь на первый взгляд - метатеги в вордпресс получаются на загляденье.
В админке панели внизу вы найдете целый комплекс по работе с метатегами:
Особой прелестью станет интуитивно понятная работа с микроразметками и сниппетами.
Как добавить мета тег в Joomla
Если говорить об этой популярной CMS, то не ничего проще чем взять и прописать title в joomla. Никаких плагинов как таковых не требуется – все нужное уже имеется при первоначальной установке дистрибутива.
В менеджере меню нажимаем слева сверху кнопку «Создать»
Переходим во вкладку «Параметры страницы», поле с «Заголовком страницы в браузере» и есть наш
</p><p dir="ltr"><img alt="" src="/sites/default/files/inline/images/skrinshot_8.jpg" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" width="1366" height="627" data-srcset="/webp/sites/default/files/inline/images/skrinshot_8.jpg.webp" class="lazyload" data-expand="500"></p><p dir="ltr">Соответственно, во вкладке с «Метаданными» найдутся недостающие Description и Keywords</p><p dir="ltr"><img alt="" src="/sites/default/files/inline/images/skrinshot_9.jpg" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" width="1366" height="600" data-srcset="/webp/sites/default/files/inline/images/skrinshot_9.jpg.webp" class="lazyload" data-expand="500"></p><h2 id="drupal">Как прописать метатеги в Drupal</h2><p dir="ltr">Метатеги в Друпале упрощены настолько, насколько это вообще возможно. Ранние наработки в виде плагинов Page_title и Nodewords были скомпонованы в одного большого и идейного продолжателя – комбайна MetaTags. Перед установкой этого пакета вам скорее всего потребуются еще и пакеты Token и PageManager.</p><p dir="ltr"><img alt="" src="/sites/default/files/inline/images/skrinshot_10.jpg" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" width="1366" height="627" data-srcset="/webp/sites/default/files/inline/images/skrinshot_10.jpg.webp" class="lazyload" data-expand="500"></p><p dir="ltr">MetaTags позволяет управлять абсолютно всеми тегами из необходимых, причем как в групповом так и в индивидуальном виде.</p><h2 id="bitr">Мета теги в Битрикс</h2><p dir="ltr">В этой статье мы двигаемся от более сложного к более простому, значит логичнее всего под конец разобрать битрикс seo теги. Никаких плагинов не требуется от слова совсем, переходите в настройки страницы и открывайте вкладку «Дополнительно»</p><p dir="ltr"><img alt="" src="/sites/default/files/inline/images/skrinshot_11.jpg" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" width="1366" height="561" data-srcset="/webp/sites/default/files/inline/images/skrinshot_11.jpg.webp" class="lazyload" data-expand="500"></p><p dir="ltr">Расширенные возможности этого движка дадут несомненно большее пространство для маневров, но для основ будет предельно достаточно и бесплатного тарифа.</p><p dir="ltr">На данный момент, все популярные CMS обладают возможностями для внедрения базовой сео-информации и мы их разобрали. Принципиальных отличий в ближайшем (или даже не ближайшем) будущем вряд ли предвидится, значит, как было сказано в самом начале, освоив механику однажды – успех в прописывании метатегов вам гарантирован всегда!</p></div></div></div></div><div class="cform hidden"><div id="block-block-3" class="block block-block"><div class="content"><p><em>Онлайн-курс</em></p><p><u>Создание прибыльного SEO проекта<br>своими руками</u></p><p>Как привлекать 1000 новых клиентов и стать<br>лидером в своей нише? Мы знаем!</p></div><div class="cform__form"><div id="block-webform-client-block-13" class="block block-webform agrmnt"><div class="content"><div id="webform-ajax-wrapper-13"><form class="webform-client-form webform-client-form-13" action="/blog/dobavlenie-metategov-v-bitrix-joomla-wordpress-i-drupal" method="post" id="webform-client-form-13" accept-charset="UTF-8"><div><div class="form-item webform-component webform-component-email webform-component--vash-e-mail"> <label class="element-invisible" for="edit-submitted-vash-e-mail">Ваш e-mail <span class="form-required" title="Это поле обязательно для заполнения.">*</span></label> <input required="required" class="email form-text form-email required" placeholder="Ваш e-mail" type="email" id="edit-submitted-vash-e-mail" name="submitted[vash_e_mail]" size="60"></div><input type="hidden" name="details[sid]"><input type="hidden" name="details[page_num]" value="1"><input type="hidden" name="details[page_count]" value="1"><input type="hidden" name="details[finished]" value="0"><input type="hidden" name="form_build_id" value="form-6c81prM9DRRIDJwKrrUNf1RKX5WelGDRmmIIr1E6Jb8"><input type="hidden" name="form_id" value="webform_client_form_13"><input type="hidden" name="honeypot_time" value="1695755698|V0nmgUEpJ2sTHeSB3dpN7UTbWvccz1r13KtflqxaOb0"><input type="hidden" name="webform_ajax_wrapper_id" value="webform-ajax-wrapper-13"><div class="lastname-textfield"><div class="form-item form-type-textfield form-item-lastname"> <label for="edit-lastname--2">Leave this field blank </label> <input autocomplete="off" type="text" id="edit-lastname--2" name="lastname" value="" size="20" maxlength="128" class="form-text"></div></div><div class="form-actions"><input class="webform-submit button-primary form-submit" id="edit-webform-ajax-submit-13" type="submit" name="op" value="Записаться на курс"></div></div></form></div></div></div></div></div></div></div><div class="ppage__share"><div class="likely"><div class="facebook"></div><div class="vkontakte"></div><div class="twitter"></div></div></div><div class="ppage__comments"><div id="comments" class="comment-wrapper comment-wrapper-nid-80"><h2 class="title">Комментарии</h2><div class="ajax-comment-wrapper ajax-comment-dummy-comment" style="display:none"><div class="form-item form-type-item"></div></div><h2 class="title comment-form">Добавить комментарий</h2><form class="comment-form ajax-comments-reply-form-80-0-0 ajax-comments-form-add" id="ajax-comments-reply-form-80-0-0" action="/comment/reply/80" method="post" accept-charset="UTF-8"><div><div class="form-item form-type-textfield form-item-name"> <input placeholder="Ваше имя" type="text" id="edit-name" name="name" value="" size="30" maxlength="60" class="form-text"></div><div class="field-type-text-long field-name-comment-body field-widget-text-textarea form-wrapper" id="edit-comment-body"><div id="comment-body-add-more-wrapper"><div class="text-format-wrapper"><div class="form-item form-type-textarea form-item-comment-body-und-0-value"><div class="form-textarea-wrapper resizable"><textarea class="text-full form-textarea required" placeholder="Написать комментарий…" id="edit-comment-body-und-0-value" name="comment_body[und][0][value]" cols="60" rows="5"></textarea></div></div><fieldset class="filter-wrapper form-wrapper" id="edit-comment-body-und-0-format"><div class="fieldset-wrapper"><div class="filter-help form-wrapper" id="edit-comment-body-und-0-format-help"><p><a href="/filter/tips" target="_blank">Более подробная информация о текстовых форматах</a></p></div><div class="filter-guidelines form-wrapper" id="edit-comment-body-und-0-format-guidelines"><div class="filter-guidelines-item filter-guidelines-plain_text"><h3>Простой текст</h3><ul class="tips"><li>HTML-теги не обрабатываются и показываются как обычный текст</li><li>Адреса страниц и электронной почты автоматически преобразуются в ссылки.</li><li>Строки и абзацы переносятся автоматически.</li></ul></div></div></div></fieldset></div></div></div><input type="hidden" name="form_build_id" value="form-9FPZDq4KWaWBjJHAMgMXkL2MNBC4IAEI_qfie1cvhtI"><input type="hidden" name="form_id" value="comment_node_post_form"><input type="hidden" name="honeypot_time" value="1695755698|V0nmgUEpJ2sTHeSB3dpN7UTbWvccz1r13KtflqxaOb0"><div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-ajax-comments-reply-form-80-0-0" name="op" value="Комментировать" class="form-submit"></div><div class="lastname-textfield"><div class="form-item form-type-textfield form-item-lastname"> <label for="edit-lastname">Leave this field blank </label> <input autocomplete="off" type="text" id="edit-lastname" name="lastname" value="" size="20" maxlength="128" class="form-text"></div></div></div></form></div></div></div></div><div id="block-views-blog-recommended-bottom" class="block block-views bottom-recommended"><div class="content"><div class="posts view view-blog view-id-blog view-display-id-recommended_bottom posts view-dom-id-5559fe173001d8441c7ae34fbf48748f"><div class="posts__header view-header"><h3><span>Читайте</span> также:</h3></div><div class="posts__content view-content"><div class="post"><div class="post__meta flx_list"><p class="post__published">27 мая 2020</p><p class="post__viewed">1 789</p><p class="post__tags"><a href="/blog/seo">SEO-продвижение</a></p></div><div class="post__title"> <a href="/blog/chto-takoe-onbording-i-kak-on-vliyaet-na-konversiyu">ЧТО ТАКОЕ ОНБОРДИНГ И КАК ОН ВЛИЯЕТ НА КОНВЕРСИЮ</a></div><div class="post__img"> <img src="https://artem-iroshnikov.ru/sites/default/files/styles/post/public/blog/onbording_oblozhka-01.jpg" width="900" height="450" alt="" title="" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" data-srcset="/webp/sites/default/files/styles/post/public/blog/onbording_oblozhka-01.jpg.webp" class="lazyload" data-expand="500"></div> <span class="post__link"> <a href="/blog/chto-takoe-onbording-i-kak-on-vliyaet-na-konversiyu">Читать полностью</a> </span></div><div class="post"><div class="post__meta flx_list"><p class="post__published">31 мая 2021</p><p class="post__viewed">40 181</p><p class="post__tags"><a href="/blog/instagram">Инстаграм</a></p></div><div class="post__title"> <a href="/blog/kak-sdelat-i-zapolnit-shapku-profilya-v-instagram-45-luchshih-primerov-pravilnogo-i-krasivogo-oformleniya">Как сделать и заполнить шапку профиля в Инстаграм? + 45 лучших примеров правильного и красивого оформления</a></div><div class="post__img"> <img src="https://artem-iroshnikov.ru/sites/default/files/styles/post/public/blog/blog_0.jpg" width="900" height="450" alt="" title="" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" data-srcset="/webp/sites/default/files/styles/post/public/blog/blog_0.jpg.webp" class="lazyload" data-expand="500"></div> <span class="post__link"> <a href="/blog/kak-sdelat-i-zapolnit-shapku-profilya-v-instagram-45-luchshih-primerov-pravilnogo-i-krasivogo-oformleniya">Читать полностью</a> </span></div><div class="post"><div class="post__meta flx_list"><p class="post__published">13 декабря 2019</p><p class="post__viewed">3 906</p><p class="post__tags"><a href="/blog/seo">SEO-продвижение</a></p></div><div class="post__title"> <a href="/blog/kak-pravilno-sozdat-rasshirennyy-snippet">КАК ПРАВИЛЬНО СОЗДАТЬ РАСШИРЕННЫЙ СНИППЕТ</a></div><div class="post__img"> <img src="https://artem-iroshnikov.ru/sites/default/files/styles/post/public/blog/barbos-01.jpg" width="900" height="450" alt="" title="" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" data-srcset="/webp/sites/default/files/styles/post/public/blog/barbos-01.jpg.webp" class="lazyload" data-expand="500"></div> <span class="post__link"> <a href="/blog/kak-pravilno-sozdat-rasshirennyy-snippet">Читать полностью</a> </span></div></div></div></div></div></div></div> <aside id="sidebar-first" class="sidebar"><div class="region region-sidebar-first"><div id="block-block-18" class="block block-block sidemenu"><p class="block_heading">Полезные инструменты</p><div class="content"><div class="sidemenu__list"><div class="item-list"><ul><li class="first"><a href="/utm-generator" style="background-color: #2969ce;color: #fff;text-align: center;padding: 20px 0px;text-align: left;padding-left: 25px;"><span class="text" style="border: 2px solid;border-radius: 80px;padding: 4px 7px;text-align: left;">Генератор UTM-меток</span></a></li><li class="last" style="text-align: center;"><a href="/generator-4u" style="background-color: #2969ce;color: #fff;padding: 20px 0px;text-align: left;padding-left: 25px;"><span class="text" style="border: 2px solid;padding: 4px 7px;border-radius: 80px;">Генератор 4U заголовков</span></a></li><li class="last" style="text-align: center;"><a href="/kombinator-fraz" style="background-color: #2969ce;color: #fff;padding: 20px 0px;text-align: left;padding-left: 25px;"><span class="text" style="border: 2px solid;padding: 4px 7px;border-radius: 80px;">Комбинатор фраз</span></a></li><li class="last" style="text-align: center;"><a href="/schitalka_slov" style="background-color: #2969ce;color: #fff;padding: 20px 0px;text-align: left;padding-left: 25px;"><span class="text" style="border: 2px solid;padding: 4px 7px;border-radius: 80px;">Считалка слов</span></a></li><li class="last" style="text-align: center;"><a href="/transliteraciya_onlajn" style="background-color: #2969ce;color: #fff;padding: 20px 0px;text-align: left;padding-left: 25px;"><span class="text" style="border: 2px solid;padding: 4px 7px;border-radius: 80px;">Транслитерация онлайн</span></a></li><li class="last" style="text-align: center;"><a href="/zamena-registra-fraz-i-predlozheniy" style="background-color: #2969ce;color: #fff;padding: 20px 0px;text-align: left;padding-left: 25px;"><span class="text" style="border: 2px solid;padding: 4px 7px;border-radius: 80px;">Замена регистра текста</span></a></li><li class="last" style="text-align: center;"><a href="/konstruktor-politiki-obrabotki-personalnyh-dannyh" style="background-color: #2969ce;color: #fff;padding: 20px 0px;text-align: left;padding-left: 25px;"><span class="text" style="border: 2px solid;padding: 4px 7px;border-radius: 80px;">Конструктор ПОПД</span></a></li></ul></div></div></div></div><div id="block-block-2" class="block block-block sidemenu"><p class="block_heading">Рубрики блога</p><div class="sidemenu__list"><div class="item-list"><ul><li class="first"><a href="/blog/seo"><span class="text">SEO-продвижение</span><span class="count">49</span></a></li><li><a href="/blog/biznes-idei"><span class="text">Бизнес идеи</span><span class="count">2</span></a></li><li><a href="/blog/brend"><span class="text">Бренд</span><span class="count">1</span></a></li><li><a href="/blog/dizayn"><span class="text">Дизайн</span><span class="count">1</span></a></li><li><a href="/blog/instagram"><span class="text">Инстаграм</span><span class="count">4</span></a></li><li><a href="/blog/kino"><span class="text">Кино</span><span class="count">1</span></a></li><li><a href="/blog/kontekstnaya-reklama"><span class="text">Контекстная реклама</span><span class="count">1</span></a></li><li><a href="/blog/kriptovalyuta"><span class="text">Криптовалюта</span><span class="count">1</span></a></li><li><a href="/blog/layfhak"><span class="text">Лайфхак</span><span class="count">3</span></a></li><li><a href="/blog/marketing"><span class="text">Маркетинг</span><span class="count">5</span></a></li><li><a href="/blog/prodazhi"><span class="text">Продажи</span><span class="count">8</span></a></li><li><a href="/blog/soc-seti"><span class="text">Соц сети</span><span class="count">3</span></a></li><li class="last"><a href="/blog/hosting-provaydery"><span class="text">Хостинг-провайдеры</span><span class="count">1</span></a></li></ul></div></div></div><div id="block-block-17" class="block block-block"><div class="content"><div class="instagram-feed" id="instagram-feed"><span class="preloader"> </span></div><div class="instatape side"><span class="preloader"></span></div></div></div><div id="block-views-blog-recommended-sidebar" class="block block-views sidebar-recommended"><div class="content"><div class="posts view view-blog view-id-blog view-display-id-recommended_sidebar posts view-dom-id-e3ba22e007091f07432e16401e761cdd"><div class="posts__header view-header"><h3><span>Рекомендуемые</span> статьи</h3></div><div class="posts__content view-content"><div class="post post--small"><div class="post__meta flx_list"><p class="post__published">03 декабря 2019</p><p class="post__viewed">2 107</p><p class="post__tags"><a href="/blog/seo">SEO-продвижение</a></p></div><div class="post__title"> <a href="/blog/5-osobennostey-avtostrategiy-yandeksa-i-google">5 особенностей автостратегий Яндекса и Google</a></div><div class="post__img"> <img src="https://artem-iroshnikov.ru/sites/default/files/styles/post/public/blog/doska-01.jpg" width="900" height="450" alt="" title="" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" data-srcset="/webp/sites/default/files/styles/post/public/blog/doska-01.jpg.webp" class="lazyload" data-expand="500"></div> <span class="post__link"> <a href="/blog/5-osobennostey-avtostrategiy-yandeksa-i-google">Читать полностью</a> </span></div><div class="post post--small"><div class="post__meta flx_list"><p class="post__published">30 июня 2022</p><p class="post__viewed">183 991</p><p class="post__tags"><a href="/blog/prodazhi">Продажи</a></p></div><div class="post__title"> <a href="/blog/130-primerov-krasivyh-otzyvov">130 примеров красивых отзывов</a></div><div class="post__img"> <img src="https://artem-iroshnikov.ru/sites/default/files/styles/post/public/blog/kak-sdelat-prezentac_2_1_2.png" width="900" height="450" alt="" title="" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" data-srcset="/webp/sites/default/files/styles/post/public/blog/kak-sdelat-prezentac_2_1_2.png.webp" class="lazyload" data-expand="500"></div> <span class="post__link"> <a href="/blog/130-primerov-krasivyh-otzyvov">Читать полностью</a> </span></div><div class="post post--small"><div class="post__meta flx_list"><p class="post__published">07 июня 2021</p><p class="post__viewed">14 153</p><p class="post__tags"><a href="/blog/instagram">Инстаграм</a></p></div><div class="post__title"> <a href="/blog/kak-sdelat-oblozhki-aktualnogo-v-instagrame-poshagovaya-instrukciya">Как сделать обложки актуального в Инстаграме: пошаговая инструкция</a></div><div class="post__img"> <img src="https://artem-iroshnikov.ru/sites/default/files/styles/post/public/blog/blog-obl.jpg" width="900" height="450" alt="обложки актуального" title="" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" data-srcset="/webp/sites/default/files/styles/post/public/blog/blog-obl.jpg.webp" class="lazyload" data-expand="500"></div> <span class="post__link"> <a href="/blog/kak-sdelat-oblozhki-aktualnogo-v-instagrame-poshagovaya-instrukciya">Читать полностью</a> </span></div><div class="post post--small"><div class="post__meta flx_list"><p class="post__published">20 мая 2020</p><p class="post__viewed">2 205</p><p class="post__tags"><a href="/blog/seo">SEO-продвижение</a></p></div><div class="post__title"> <a href="/blog/pravilnoe-prodvizhenie-kommercheskih-saytov">ПРАВИЛЬНОЕ ПРОДВИЖЕНИЕ КОММЕРЧЕСКИХ САЙТОВ</a></div><div class="post__img"> <img src="https://artem-iroshnikov.ru/sites/default/files/styles/post/public/blog/kotyara-01.jpg" width="900" height="450" alt="" title="" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" data-srcset="/webp/sites/default/files/styles/post/public/blog/kotyara-01.jpg.webp" class="lazyload" data-expand="500"></div> <span class="post__link"> <a href="/blog/pravilnoe-prodvizhenie-kommercheskih-saytov">Читать полностью</a> </span></div><div class="post post--small"><div class="post__meta flx_list"><p class="post__published">07 октября 2019</p><p class="post__viewed">19 109</p><p class="post__tags"><a href="/blog/seo">SEO-продвижение</a></p></div><div class="post__title"> <a href="/blog/top-10-konstruktorov-kviz-saytov-s-primerami">ТОП-14 конструкторов Квиз-сайтов с примерами</a></div><div class="post__img"> <img src="https://artem-iroshnikov.ru/sites/default/files/styles/post/public/blog/kviz_0.jpg" width="900" height="450" alt="" title="" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" loading="lazy" decoding="async" data-srcset="/webp/sites/default/files/styles/post/public/blog/kviz_0.jpg.webp" class="lazyload" data-expand="500"></div> <span class="post__link"> <a href="/blog/top-10-konstruktorov-kviz-saytov-s-primerami">Читать полностью</a> </span></div></div></div></div></div></div> </aside> </section></div><div class="modals"><span class="modal_overlay"></span><div class="modal_form" id="orderform"><div id="block-webform-client-block-27" class="block block-webform agrmnt"><p class="block_heading">Запись на курсы</p><div class="content"><div id="webform-ajax-wrapper-27"><form class="webform-client-form webform-client-form-27" action="/blog/dobavlenie-metategov-v-bitrix-joomla-wordpress-i-drupal" method="post" id="webform-client-form-27" accept-charset="UTF-8"><div><div class="webform-progressbar"></div><div class="form-item webform-component webform-component-textfield webform-component--vashe-imya"> <label class="element-invisible" for="edit-submitted-vashe-imya">Ваше имя <span class="form-required" title="Это поле обязательно для заполнения.">*</span></label> <input required="required" placeholder="Ваше имя" type="text" id="edit-submitted-vashe-imya" name="submitted[vashe_imya]" value="" size="60" maxlength="128" class="form-text required"></div><div class="form-item webform-component webform-component-email webform-component--e-mail"> <label class="element-invisible" for="edit-submitted-e-mail">E-mail <span class="form-required" title="Это поле обязательно для заполнения.">*</span></label> <input required="required" class="email form-text form-email required" placeholder="Ваш e-mail" type="email" id="edit-submitted-e-mail" name="submitted[e_mail]" size="60"></div><input type="hidden" name="details[sid]"><input type="hidden" name="details[page_num]" value="1"><input type="hidden" name="details[page_count]" value="1"><input type="hidden" name="details[finished]" value="0"><input type="hidden" name="form_build_id" value="form-ZlDyq91hXTW1mFO9N2Yaa9eEouO1nfGZQtx0cTQN-2E"><input type="hidden" name="form_id" value="webform_client_form_27"><input type="hidden" name="honeypot_time" value="1695755698|V0nmgUEpJ2sTHeSB3dpN7UTbWvccz1r13KtflqxaOb0"><input type="hidden" name="webform_ajax_wrapper_id" value="webform-ajax-wrapper-27"><div class="lastname-textfield"><div class="form-item form-type-textfield form-item-lastname"> <label for="edit-lastname--3">Leave this field blank </label> <input autocomplete="off" type="text" id="edit-lastname--3" name="lastname" value="" size="20" maxlength="128" class="form-text"></div></div><div class="form-actions"><input class="webform-submit button-primary form-submit" id="edit-webform-ajax-submit-27" type="submit" name="op" value="Оставить заявку"></div></div></form></div></div></div></div><div class="modal_form" id="courseform"><div id="block-webform-client-block-28" class="block block-webform agrmnt"><p class="block_heading">Запись на курс</p><div class="content"><div id="webform-ajax-wrapper-28"><form class="webform-client-form webform-client-form-28" action="/blog/dobavlenie-metategov-v-bitrix-joomla-wordpress-i-drupal" method="post" id="webform-client-form-28" accept-charset="UTF-8"><div><div class="webform-progressbar"></div><div class="coursefield hidden form-item webform-component webform-component-textfield webform-component--interesuyushchiy-kurs"> <label for="edit-submitted-interesuyushchiy-kurs">Интересующий курс </label> <input type="text" id="edit-submitted-interesuyushchiy-kurs" name="submitted[interesuyushchiy_kurs]" value="" size="60" maxlength="128" class="form-text"></div><div class="form-item webform-component webform-component-textfield webform-component--vashe-imya"> <label class="element-invisible" for="edit-submitted-vashe-imya--2">Ваше имя <span class="form-required" title="Это поле обязательно для заполнения.">*</span></label> <input required="required" placeholder="Ваше имя" type="text" id="edit-submitted-vashe-imya--2" name="submitted[vashe_imya]" value="" size="60" maxlength="128" class="form-text required"></div><div class="form-item webform-component webform-component-textfield webform-component--nomer-telefona"> <label class="element-invisible" for="edit-submitted-nomer-telefona">Номер телефона <span class="form-required" title="Это поле обязательно для заполнения.">*</span></label> <input required="required" placeholder="+7 (XXX) XXX-XX-XX" class="phone form-text required" type="text" id="edit-submitted-nomer-telefona" name="submitted[nomer_telefona]" value="" size="60" maxlength="128"></div><div class="form-item webform-component webform-component-email webform-component--vash-e-mail"> <label class="element-invisible" for="edit-submitted-vash-e-mail--2">Ваш e-mail <span class="form-required" title="Это поле обязательно для заполнения.">*</span></label> <input required="required" class="email form-text form-email required" placeholder="Ваш e-mail" type="email" id="edit-submitted-vash-e-mail--2" name="submitted[vash_e_mail]" size="60"></div><input type="hidden" name="details[sid]"><input type="hidden" name="details[page_num]" value="1"><input type="hidden" name="details[page_count]" value="1"><input type="hidden" name="details[finished]" value="0"><input type="hidden" name="form_build_id" value="form-RK5PrhrP6WykBKePU0cJzl8QPqT95O8kHZra20QIP_Y"><input type="hidden" name="form_id" value="webform_client_form_28"><input type="hidden" name="honeypot_time" value="1695755698|V0nmgUEpJ2sTHeSB3dpN7UTbWvccz1r13KtflqxaOb0"><input type="hidden" name="webform_ajax_wrapper_id" value="webform-ajax-wrapper-28"><div class="lastname-textfield"><div class="form-item form-type-textfield form-item-lastname"> <label for="edit-lastname--4">Leave this field blank </label> <input autocomplete="off" type="text" id="edit-lastname--4" name="lastname" value="" size="20" maxlength="128" class="form-text"></div></div><div class="form-actions"><input class="webform-submit button-primary form-submit" id="edit-webform-ajax-submit-28" type="submit" name="op" value="Оставить заявку"></div></div></form></div></div></div></div></div><footer class="ftr"><div class="ftr__inner cnt flx"><div class="ftr__logo"><a href="/"><img loading="lazy" src="https://artem-iroshnikov.ru/sites/all/themes/flumb/logo.png" alt="" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" decoding="async" width="356" height="99" data-srcset="/webp/sites/all/themes/flumb/logo.png.webp" class="lazyload" data-expand="500"></a><div class="ftr__copy"><div id="block-block-5" class="block block-block"><div class="content"><p>Курсы SEO-продвижения<br>Артёма Ирошникова. © 2019-2023 г.</p></div></div></div></div><div class="ftr__contacts"><div class="ftr__phone"><div id="block-block-1--3" class="block block-block"><div class="content"><p><a href="tel:+79883871017">+7 (988) 387-10-17</a></p></div></div></div><div class="ftr__email"><div id="block-block-6" class="block block-block"><div class="content"><p><a href="mailto:me@artem-iroshnikov.ru">me@artem-iroshnikov.ru</a></p></div></div></div><address class="ftr__address"><div id="block-block-7" class="block block-block"><div class="content"><p>г. Краснодар, ул. Красных Партизан, 222</p></div></div></address></div><div class="ftr__menu"><div id="block-system-main-menu--2" class="block block-system block-menu"><div class="content"><ul class="menu clearfix"><li class="first leaf"><a href="/blog" title="">Блог</a></li><li class="leaf"><a href="/servisy">Сервисы</a></li><li class="leaf"><a href="/moya-istoriya" title="">Моя история</a></li><li class="leaf"><a href="/team" title="">Команда</a></li><li class="last leaf"><a href="/contacts" title="">Контакты</a></li></ul></div></div></div><div class="ftr__socials"><div id="block-block-8" class="block block-block"><div class="content"><ul><li><a class="telegram" href="https://t.me/artemiroshnikov">Telegram</a></li><li><a class="fb" href="https://www.facebook.com/profile.php?id=100022579537231">Facebook</a></li><li><a class="youtube" href="https://www.youtube.com/channel/UCToe6kHpB78pE1vvg6iTLUA?view_as=subscriber">YouTube</a></li><li><a class="inst" href="https://www.instagram.com/artemiroshnikov">Instagram</a></li><li><a class="vk" href="https://vk.com/airosh">VK</a></li><li><a class="twitter" href="https://twitter.com/artemiroshnikov">Twitter</a></li></ul></div></div></div></div>
<script type="text/javascript">
(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(53038279, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/53038279" style="position:absolute; left:-9999px;" alt="" loading="lazy" decoding="async" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20874%20589'%3E%3C/svg%3E" data-srcset="https://mc.yandex.ru/watch/53038279" class="lazyload" data-expand="500"></div></noscript></footer>
<script src="/sites/all/themes/flumb/js/instatape-script.js" defer></script>
</div> <script type="text/javascript" src="https://artem-iroshnikov.ru/sites/default/files/js/js_vJjJCkJR2-wSLFt4-EiHIOFXBk9KA-hAu7nJEAAHWSI.js"></script>
<!--noindex-->
<div id="widjets_bottom" class="wdjts">
<div style="display: flex;">
<p style="margin: auto;margin-top: 20px;"><img style="height: 100px;" src="/sites/all/themes/flumb/img/tg-240.svg"></p>
</div>
<p class="zaf-popup">Подпишись на наш телеграмм канал</p>
<p style="text-align: center;"><a rel="nofollow" class="popup_buttons btn" target="_blank" href="https://t.me/artemiroshnikov">Подписаться</a></p>
<a class="close close_button" title="Закрыть" >X</a>
</div>
<!--/noindex-->
<style>
.novisibles {
display: none !important;
}
#widjets_bottom {
z-index: 9999999;
background: #fff;
width: 260px;
right: 20px;
bottom: 20px;
padding: 5px 20px 13px 20px;
border: 2px solid #2969ce;
position: fixed;
-webkit-box-shadow: 0px 0px 0px #000;
-moz-box-shadow: 0px 0px 0px #000;
box-shadow: 0px 0px 0px #000;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#widjets_bottom .popup_buttons {
height: 40px;
line-height: 40px;
}
.zaf-popup {
text-align: center;
margin: 20px 0px;
font-size: 25px;
font-weight: 600;
}
.close {
display: block;
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
line-height: 28px;
color: #fff;
background: #2969CE;
cursor: pointer;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 0px 0px 0px #000;
text-align: center;
}
.close:hover {
background-color: #29B6F6;
}
#widjets_bottom .close:before {
content: none;
}
@media (max-width: 992px) {
#popup {
width: 95%;
}
}
</style>
</body>
</html>
