как добавить код в head wix
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 до идеала.
О платформах и кодах: как вставить код и сниппеты 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, мы увидим радугу из цветного кода. Не бойтесь, там все просто.
Wix Code – опция, о которой вы мечтали
Многие потребители выбирают конструкторы сайтов только потому, что они значительно упрощают работу с контентом. Не нужно быть программистом, изучать html или фиксить код. Вы просто запускаете облачный сервис Wix и в считанные минуты создаёте сайт-визитку, корпоративный ресурс, даже интернет-магазин. Вопросов как создать свой сайт не возникает в принципе.
Впрочем, некоторые продвинутые пользователи отметили, что даже с таким мощным сервисом, как Wix, у них нет возможности вносить изменения в код. Простыми словами, не просто выбирать готовые шаблоны, а делать хотя бы минимальные изменения. Ведь требования современного рынка постоянно меняются.
И то, что вчера имело «вау» эффект, сегодня требует дополнений и улучшений. Пожелания веб-мастеров были услышаны. В конце июля известная компания Wix представила Wix Code. Этот уникальный инструмент еще не применялся в конструкторах подобного формата.
Самые вкусные подробности о Wix Code
Теперь можно создавать динамический контент, внедрять свои правила отображения отдельных элементов. Создание баз данных, сбор информации – новинка решает абсолютно любые задачи. И пусть вас не пугает такой богатый функционал. Тот, кто по-прежнему не хочет копаться в коде, может использовать конструктор Wix в своих целях.
Например, создание баз данных ничем не отличается от заполнения обычной таблички в программе Excel. А работать с «эксель» вы наверняка умеете, не так ли? Один из пользователей Wix запустил кулинарный интернет-портал. Он рассказал разработчикам, что рецепты ему приходится добавлять вручную, а затем наполнять страницу дополнительным контентом.
Wix Code значительно упрощает, автоматизирует процесс. Достаточно один раз создать базу данных, сформировать шаблон веб-страницы. В дальнейшем база будет адаптироваться под каждый шаблон автоматически.
Результат – на создание сайта уходит гораздо меньше времени, эффективность работы повышается. И вы согласитесь с тем, что когда нет никаких ограничений, создавать сайты намного приятнее и интереснее. Как говорится, всё находится в руках пользователя. Остаётся только проявить фантазию.
Претендуешь? Соответствуй!
Стоит отметить, что новинка отвечает всем требованиям политики Wix – сделать сложные вещи доступными и максимально простыми. Даже если за дело берется начинающий пользователь, у него не должно возникнуть вопросов по поводу того, как же на самом деле работает Wix Code.
А поскольку компания заботится о каждом клиенте, даже такая сложная на первый взгляд вещь, как редактирование кода, становится понятной для всех. Но что делать потребителям, которые не собираются использовать новый инструмент? Если вас полностью устраивают предлагаемые компанией Wix решения по умолчанию, можно отключить Wix Code.
Такой вариант подойдёт и тем, кто просто боится что-то испортить. Нововведение – не обязательный элемент веб-конструктора, а всего лишь полезное дополнение. Не исключено, что в будущем вам всё-таки захочется поработать с кодом. И вы поймёте, что это гораздо проще, чем вы думали.
Что говорят создатели Wix Code?
А вот что думает о новинке Авишай Абрахами, исполнительный директор компании Wix:
5 невероятных возможностей Wix Code
На детальный анализ преимуществ Wix Code уйдет не один десяток страниц. Чтобы не утомлять вас таким объёмом информации, мы решили выделить 5 ключевых особенностей, которые действительно впечатляют:
Новинка компании Wix пребывает в стадии активного тестирования. Чтобы опробовать бета-версию Wix Code, достаточно зайти на официальный сайт Wix и пройти несложную регистрацию. Там же можно ознакомиться со списком вопросов и ответов по новому продукту, посмотреть презентацию.
Выводы
Можно сделать вывод, что – новинка, которой очень не хватало кодерам и веб-специалистам всех уровней. Не имеет значения, работаете ли вы дизайнером, программистом или контент-менеджером интернет-магазина, инновационное решение позволит вам сделать намного больше. Наконец-то экономится драгоценное время – теперь не нужно настраивать сервер, работать над инфраструктурой и беспокоиться о своевременных обновлениях.
Продвинутые пользователи могут задействовать JavaScript, чтобы сделать интерфейс более интерактивным и дружелюбным. Отличный вариант взаимодействия для тех, кто хотел бы обеспечить своему сайту не просто хороший – отличный функционал, сосредоточиться на логике приложений, устранить трудности настройки. Поэтому Wix Code можно смело рекомендовать всем пользователям без исключения!