wix вставить код в head
Размещение кодов в блоках head и body
На некоторых сайтах для размещения различных кодов (счетчиков, информеров, пикеслей ретаргетинга, кодов Google Analytics и Яндекс.Метрики и т.д.) предусмотрены отдельные блоки для вставки.
Данные блоки позволяют буквально в несколько кликов вставить нужный код, без правки шаблонов сайта.
Рассмотрим, как они работают.
Шаг 1
Раскройте меню «Настройки» и перейдите к пункту «Настройки сайта».
Шаг 2
На открывшейся странице в разделе «Блоки сайта» слева вы сможете найти блоки «Блок с кодом head» и «Блок с кодом body».
Обратите внимание!
Шаг 3
Теперь, если вам необходимо вставить какой-либо код в тег head, просто нажмите на данный блок в списке, вставьте в открывшемся окне код и сохраните изменения (аналогично с тегом body).
Примеры:
У меня в «Настройках сайта» нет таких блоков. Что делать?
Не все сайты предусматривают описанные выше блоки. Если у вас в системе управления их нет, то вставить код вы можете следующим образом:
В открывшемся списке шаблонов выберите шаблон «Главная.Верх»;
О платформах и кодах: как вставить код и сниппеты JavaScript на сайт (перевод)
Есть множество инструментов, которые готовы помочь вам улучшить сайт, повысить эффективность онлайн бизнеса и наладить взаимодействие с клиентами. Среди таких инструментов много бесплатных. Но что если вы не веб-разработчик и не знаете, как установить их на свой сайт? Это большое препятствие.
Как бы иронично это не звучало, но у бизнеса, который разрабатывает полезные инструменты для вашего сайта, тоже есть препятствие на пути к собственному процветанию – необходимость навязывать установку своего кода пользователям.
Попробуем решить две проблемы сразу, рассказав о наиболее распространенных способах вставки кода / сниппетов (фрагментов) JavaScript для сайтов:
В конце статьи затронем Wix. В большинстве случаев эта платформа не разрешает устанавливать коды или фрагменты JavaScript, но зато она предлагает альтернативу в виде интеграций для различных сервисов.
Где взять код для установки
Посмотрим, где искать код для инсталляции на примере сервиса Crazy Egg.
Процесс стандартный: вводим регистрационные данные, после загрузки попадаем в дашборд. Там ищем раздел с кодом.
Кликнув по ссылке, переходим на страницу с кодом Crazy Egg.
Как вставить код на сайт WordPress
Можно воспользоваться специальным плагином – Tracking Code Manager.
Чтобы вставить Tracking Code Manager, входим в админку сайта и в панели управления ищем раздел плагины.
Выбираем функцию «Add New» (добавить новый).
Справа появится строка поиска. Вводим «Tracking Code Manager», потом жмем «Install Now».
После окончания инсталляции нужно убедиться в том, что плагин активирован. Переходим в настройки.
Жмем «Add new Tracking Code».
…Потом вставляем код, не забыв сохранить изменения.
Можно обойтись и без плагина Tracking Code Manager. В таком случае наш вариант – вставить код в файл header.php темы WordPress (об этом дальше).
Как установить код на сайт WordPress.com
Сайт на базе WordPress и сайт WordPress.com – две разные вещи.
Сайт на базе WordPress – это сайт, который управляется с помощью CMS, установленной на собственном сервере. Это значит, что вы заплатили за доменное имя (myname.com) и за хостинг.
Сайт WordPress.com бесплатный. Вы можете зарегистрировать на нем сайт без оплаты хостинга. При этом URL сайта будет: myname.wordpress.com. Чтобы изменить доменное имя, придется выполнить несколько дополнительных шагов.
Управляя сайтом на WordPress.com, вы ограничены в выборе кодов и фрагментов JavaScript, которые можете установить. Причина в протоколе безопасности – разработчики не позволяют пользователям вставлять коды на платформу. К примеру, разработчики MySpace позволяли. Очевидно поэтому сайт за шесть лет опустился с 5 места в мире на 1967.
Вместе с тем WordPress.com предлагает пользователям различные бонусы для ведения бизнеса. Например, интеграцию с Google Analytics или возможность добавить кнопки соцсетей. Но в некоторых случаях этого может быть недостаточно.
Как установить коды и сниппеты JavaScript на самописную админку
С помощью FTP. Придется вернуться к основам основ.
Сейчас многие сайты самописные. Самописный сайт создан с нуля, для управления контентом не использует CMS.
Представим, что у нас именно такой сайт. Поставить на него код будет чуть сложнее, чем на WordPress, потому что придется вспомнить про FTP.
FTP – File Transfer Protocol. В переводе – протокол передачи данных. Его используют для передачи файлов с компьютера на открытый сервер хостинга. Можно скачать бесплатный FTP-клиент FileZilla.
FTP-менеджеры вроде FileZilla позволяют перетаскивать файлы и изображения с сайта на сервер. С помощью программы вы можете добавлять файлы на сервер или скачивать их, заменять старые файлы на новые, удалять ненужные данные, менять названия доков.
В протоколе передачи данных нет ничего сложного: уже через 20 минут можно почувствовать себя профи. Для большинства людей самая сложная часть – просто связаться с сервером.
Если у вас возникли любые проблемы с сервером, свяжитесь с хостингом. Это может занять час, зато по истечении 60 минут вы будете знать всё, что нужно. Я обычно рекомендую записывать такие разговоры через ScreenRecorder. Или по меньшей мере делать пометки вручную.
После того, как вы зашли на FTP-сервер, обязательно сделайте резервную копию сайта. Если совершите ошибку, важные файлы никуда не денутся. Сделать резервную копию можно с помощью простого перетаскивания всех файлов с сервера на компьютер.
Обычно программный интерфейс FTP-менеджера состоит из двух колонок. Например, на изображении ниже в левой колонке вы видите файлы, которые хранятся на компьютере. В правой – файлы с сервера.
Чтобы поменять или добавить файлы, просто перетаскивайте их из одной колонки в другую.
Замена файлов опасна. Запросто можно заменить новую версию файла старой и потерять более актуальные данные, случайно удалить что-то важное или совершить другую ошибку. Резервная копия позволяет подстраховаться на случай таких промахов и защитить себя от лишних проблем. Не забудьте сохранить все файлы в отдельной папке на компьютере до внесения изменений.
Как вставить код с помощью header.php
Допустим, у нас есть сайт, для управления которым мы используем WordPress. Чтобы вставить код, нам нужно найти файл header.php или другой файл с названием header или head.
Header нужен для активации кода или фрагмента JavaScript на всех страницах сайта. Чтобы открыть файл, можно использовать бесплатную программу вроде Sublime Text. С ее помощью нужно открыть файл, который хранится на компьютере, а не похожий файл на сервере.
Открыв файл в Sublime Text, мы увидим радугу из цветного кода. Не бойтесь, там все просто.
SEO-продвижение сайта на Wix
Ограничения и возможности бесплатного конструктора
Wix — популярный бесплатный онлайн-конструктор сайтов. Но простота в обращении имеет обратную сторону: платформа Wix предлагает слабый функционал для SEO-продвижения создаваемых сайтов. Тем не менее возможности для поисковой оптимизации на Wix все же есть. Предлагаем обзор доступных SEO-инструментов этой CMS.
Wix ориентирован на новичков в сайтостроении, которые не планируют разбираться в тонкостях HTML, CSS и PHP. Работает по принципу drag-and-drop. Исходный код для правки закрыт. По этой причине можно использовать только стандартные функции для настройки SEO.
Проблемы SEO на Wix
Прежде чем рассматривать подробно оптимизацию сайтов на Wix под требования поисковиков, поясним, почему возможности этого конструктора для оптимизаторов ограничены.
Трудности SEO-оптимизации Wix-сайта:
Несмотря на эти недостатки, сайты на Wix все же можно оптимизировать. Для этого в конструкторе предусмотрены встроенные инструменты. Расскажем подробно, как правильно сделать SEO сайта на Wix.
Способы SEO-оптимизации Wix-сайта
1. Оптимизация доменного имени
Первое, что нужно сделать, — подключить собственный домен.
В бесплатной версии адрес вашего сайта не будет привлекателен ни для пользователей, ни для поисковиков. Кроме того, на сайте будет присутствовать реклама Wix, которая не только негативно влияет на восприятие ресурса пользователями, но и создает сквозные ссылки на всех страницах.
Для подключения домена выберите один из премиальных тарифных планов (от 90 руб. в месяц с рекламой Wix и от 150 руб. без рекламы). Далее в разделе «Настройка» — «Домены» в Панели управления выберите новый домен или подключите существующий.
При выборе доменного имени старайтесь, чтобы оно было созвучно с основным видом вашей деятельности, товаром или брендом. Но не стоит переоптимизировать доменное имя и составлять его на основе ключевых фраз (например, obrabotkaotklopov.ru или zabivaemgvozdinedorogo.net).
2. Оптимизация метатегов Title иDescription
В Wix можно прописать метатеги Title и Description для каждой страницы сайта. Для этого:
Здесь же есть поле «Вид в поисковике», в котором доступен предварительный просмотр результата.
Как правильно составлять метатеги Title и Description для сайта на Wix? Точно так же, как и для других сайтов — здесь нет каких-то особых правил. Для Title достаточно 50-70 символов, для Description — 130-170. Развернутые рекомендации вы найдете в статье «Важные мета-теги для SEO-оптимизации сайта».
Не хотите заниматься оптимизацией метатегов и прочей рутиной, связанной с SEO? Подключите SEO-модуль в системе PromoPult — и вся работа будет автоматизирована. Вам лишь останется получать трафик.
3. Оптимизация текстов и изображений
Теперь переходим к контенту — текстам и изображениям. Для целей SEO на каждой странице должны использоваться заголовки h1 — h6. Наибольшую важность для поискового продвижения имеет заголовок первого уровня h1.
В Wix эти заголовки имеются:
Для добавления заголовка в режиме редактора нужно нажать на кнопку «+» и выбрать «Текст». В появившемся поле представлены варианты стилей, среди которых вы найдете и стили для заголовков h1 — h6:
Чтобы сделать изображения видимыми для поисковиков, нужно задать для каждого из них атрибут Alt. В Wix это делается без проблем:
Также в Wix есть простой редактор текста, с помощью которого можно настроить форматирование (списки, выделение жирным или курсивом, цвет шрифта, размер и т. п.).
Вот и все нехитрые возможности для оптимизации текста и изображений в Wix.
4. Добавление микроразметки
Микроразметка нужна для того, чтобы поисковые системы лучше понимали контент, размещенный на странице. Правильное внедрение дает шанс на более привлекательный сниппет в выдаче.
В режиме редактирования в разделе «SEO» на вкладке «Доп.SEO» можно добавить код разметки JSON-LD (о том, что это за формат, мы подробно рассказали здесь):
На этой же вкладке доступны заполненные по умолчанию атрибут rel=canonical и теги разметки Open Graph. Их разработчики рекомендуют не редактировать.
5. Добавление Wix-сайта в панели для вебмастеров и подключение счетчиков
Прежде всего, добавьте сайт в Яндекс.Вебмастер и Google Search Console. Тут есть нюансы. Верифицировать сайт можно только с помощью тега хедера.
Подключить к в Wix-сайту счетчики статистики Google Analytics, Яндекс.Метрики, а также Google Tag Manager или пиксели Facebook можно в разделе «Маркетинг» / «Интеграции» (нужно выбрать соответствующий инструмент и следовать инструкции):
6. Добавление файла sitemap.xml в панели для вебмастеров
Для ускорения индексации нужно добавить файл sitemap.xml в панели для вебмастеров Яндекс и Google. В Wix этот файл создается автоматически, и получить доступ к нему можно по ссылке: www.вашсайт.ru/sitemap.xml. Останется перейти в панели и добавить ссылку на файл.
7. Добавление сайта в Яндекс.Справочник и Google Мой Бизнес
Это позволяет увеличить охват целевой аудитории в локальной выдаче (в том числе при поиске по картам) и повысить привлекательность сайта для поисковиков.
Изучите наши подробные гайды по оптимизации профиля компании в Яндекс.Справочнике и Google Мой бизнес.
8. Линкбилдинг и платный трафик
Правила наращивания ссылочной массы для сайтов на Wix аналогичны правилам для любого сайта:
Параллельно с работой над ссылками можно приступать к маркетинговым мероприятиям по привлечению трафика из соцсетей, а также из контекстной рекламы. Платный трафик напрямую не влияет на ранжирование в поисковиках. Но косвенное влияние все же есть:
SEO-Мастер — встроенный инструмент SEO в Wix
В Wix есть встроенный инструмент проверки сайта на предмет SEO-оптимизации. Чтобы его активировать, переходим в Панель управления, ищем раздел «Маркетинг» и нажимаем «SEO-Мастер». В открывшемся окне выбираем сайт и задаем интересующие ключевые фразы. По результатам анализа будет сформирован отчет.
По сути, инструмент представляет собой краткий чек-лист по составлению метатегов, заголовков, описаний к картинкам и контента. Ради интереса проверить сайт на предмет оптимизации с его помощью можно, но глубокой SEO-оптимизации он не обеспечит.
Шаблоны SEO в WIX
В разделе «Поисковая оптимизация» есть возможность настроить SEO-шаблоны:
Это удобно, если вы хотите применить какие-то настройки сразу к нескольким страницам. В разделе «Шаблоны SEO» будут доступны типы страниц, которые есть на сайте. Изменения в шаблоне отразятся на всех страницах определенного типа.
Какие настройки можно задать:
Для каждого типа изменений есть режим предпросмотра. Вот, например, как выглядят заполненные метатеги для шаблона страниц:
FAQ по SEO-оптимизации Wix-сайтов
Каковы возможности для настройки SEO сайта, сделанного на конструкторе Wix?
Здесь можно настроить базовые элементы SEO: метатеги Title и Description, указать заголовки h1 — h6, атрибуты alt для изображений.
Есть ли ограничения для SEO-оптимизации?
Есть ли разница в SEO сайта на Wix для Яндекс и Google?
Нет. Действия по оптимизации и продвижению одинаковые. Разница есть лишь на этапе подбора ключей — здесь стоит ориентироваться на ту поисковую систему, которая более популярна в вашем регионе.
Оптимизирован ли сайт Wix для мобильных (планшетов)?
Да. По умолчанию сайты на Wix имеют адаптивный дизайн. Но с точки зрения SEO не все так гладко, поэтому важно соблюдать рекомендации по оптимизации сайтов для мобильных.
Возьмутся ли SEO-специалисты продвигать мой Wix-сайт?
Все зависит от оптимизатора. Многие частные специалисты и агентства берутся за такую работу неохотно и предлагают перевести сайт на более гибкую CMS с открытым исходным кодом. Тем не менее вы можете добавить сайт в систему PromoPult и продвигать его на полном автомате — здесь абсолютно не имеет значения, сделан сайт на Wix, Drupal, WordPress или сверстан «на коленке». Специалисты проведут аудит, выявят недостатки и предложат комплексный план работ.
Подводим итоги
Сайт на Wix можно оптимизировать под поисковое продвижение. Да, система не предполагает детальной проработки всех аспектов SEO (особенно технических), но базовые возможности для SEO имеются.
Созданные на этой платформе площадки будут отлично работать в качестве посадочных страниц для прямого рекламного трафика, простых интернет-магазинов и блогов. Они привлекательны внешне и адаптированы к мобильным устройствам. Но для специфических проектов, а также конкурентных тематик лучше выбирать CMS с открытым исходным кодом, чтобы можно было «отшлифовать» SEO до идеала.
Wix вставить код в head
Она позволяет создавать наиболее сложные порталы, собирать сведения о поведении их посетителей, разрабатывать приложения без необходимости длительного изучения языков веб-программирования и верстки. Как сделать сайт с помощью Wix и других конструкторов мы описывали в предыдущей статье.
Для использования Wix Code изначально нужно включить одноименный блок на панели инструментов. Появится несколько новых панелей:
Рассмотрим теперь основные инструменты, которые были представлены на тестирование в бета-версии (на данный момент продолжается этап испытаний, хотя объявлено о полноценном запуске платформы).
Базы данных
Формирование баз данных позиционируется, как один из главных инструментов для пользователей платформы Wix Code. Для того чтобы создать новую коллекцию, необходимо выполнить такую последовательность действий:
После создания коллекции в редакторе можно добавлять поля, которые будут доступны пользователям для внесения информации. Необходимо внимательно выбирать тип поля, чтобы сбор данных был максимально продуктивным.
Пользовательская часть также формируется через Редактор, в меню Добавить. Здесь доступны элементы ввода данных пользователя (логин, имя и т.д.), текста (текстовый блок), чекбоксы и флажки, поля для загрузки файлов. Каждый добавленный элемент необходимо привязать к определенному действию. Для этого используется раздел Настройки и подраздел Опции, позволяющие задать для кнопок, полей и флажков определенные алгоритмы и действия.
Связь между созданной формой и базой данных осуществляется путем настройки сборщика данных. Для его установления необходимо выбрать в разделе меню Добавить пункт База данных, а затем – Набор данных. Кликнув на кнопку Редактировать набор данных, вы откроете окно настроек, где нужно выбрать пункт Соединение с коллекцией, а режим нужно установить Только запись (write-only).
Теперь нужно связать элементы с полями сборщика данных, чтобы вся добавленная пользователями информация распределялась строго в те ячейки, которые для этого предусмотрены. Выберите пункт Соединиться с базой данных, выберите поле, в которое будет записываться введенная пользователями информация, и проделайте так со всеми элементами.
После завершения всех описанных операций создайте кнопку Отправить, нажатие которой инициирует отправку всех сведений в базу. Не забудьте протестировать форму и проверить корректность заполнения базы данных.
Динамические страницы
Наиболее продвинутые сайты основываются на использовании динамических элементов, которые формируются в процессе взаимодействия с пользователями.
В качестве примера разработчики Wix Code приводят процесс создания университетского расписания и страниц конкретных курсов. Процесс начинается с составления базы данных – заполняются все требуемые поля: название, описание, имя лектора, продолжительность, получаемые знания и т.д.
Далее в левом меню Структура сайта, в разделе Базы данных необходимо кликнуть по иконке настроек, и выбрать пункт Создать динамическую страницу:
Существует два типа динамических страниц – для одного элемента (например, рецепта, или как в описываемом случае – отдельного курса) или категории (каталога, раздела).
Для динамической страницы прописывается адрес, после чего наступает момент собственно создания контента, который привязывается к базе данных. Например, добавляется поле заголовка, который подключается к полю Title в созданной заранее базы, поля описания курса и т.д. – все элементы, которые изначально предусмотрены для определенной категории страниц. После создания всех страниц необходимо записать базу данных, кликнув по кнопке Опубликовать (Publish):
Для публикации созданной базы на сайте необходимо синхронизировать рабочую часть базы данных с той, которая используется пользовательской частью при формировании сайта.
Интерактивность сайта
Современные пользователи требуют максимальной интерактивности, и система Wix Code предоставляет разработчикам шанс удовлетворить запросы аудитории. В частности, отдельные действия со стороны сайта можно запрограммировать к исполнению после выполнения определенного действия пользователем.
Рассмотрим пример, в котором изображение будет показываться только после нажатия на кнопку.
В данном случае вместо animationName будет использоваться один из вариантов появления изображения после клика пользователя – Плавное появление (FadeIn), Резкое появление (DropIn), Вылет (FlyIn) или Появление вращением (SpinIn).
Резюмируя описанное, можно отметить, что платформа Wix Code станет достойным инструментом как для опытных программистов, так и для абсолютных новичков, которые хотят разобраться подробнее в структуре своего сайта, и сделать его еще лучше.