Веб-типографика: основные элементы и правила использования. Данил фимушкин. Правила и основы типографики в веб-дизайне

Прочие модели 07.04.2019
Прочие модели

Всем доброго времени суток! Сегодня я подготовил очень интересный материал. Работая над этим постом мне хотелось в одном месте собрать исчерпывающую информацию по SEO Landing page. Думаю, у меня это получилось…

Раскрутка лендингов — и в самом деле очень интересная и неоднозначная тема. Особо примечателен тот факт, что имея столь высокую конверсию многие используют его исключительно, как посадочную страницу для контекстной рекламы. А почему? Да просто все попытки продвижения пресекаются уже на корню — студией, которая разрабоотала лендинг, другом, который принимал в этом участие, а так же большинством размещенной на эту тему информации в интернене. Как раскрутить лендинг? — да никак, для раскрутки нужен сайт, а лендинг для Директа и тизеров! Именно так считает 97% людей с которыми мне довелось общаться на эту тему. И ведь они во многом, да чего греха таить — они почти во всем правы, если упустить из вида несколько интересных особенностей, а именно: единицы понимают, что тот же Директ может быть мощнейшим сео инструментом и никто почему-то не старается акцентироваться на неоспоримых преимуществах лендинга . И третья вещь — это работа с ключами Да, уже сто раз писал об этом, но применительно к лендингу работа с ключевыми словами приобретает новый смысл — мы может и не можем вытащить лендинг по конкурентным запросам (хотя можем и в конце данной статьи вы узнаете как), но уверяю вас, дорогие друзья — в каждой нише есть очень сладкие НК запросы . И совсем не обязательно тратить деньги на Мутаген! Просто читайте статью до конца.

Перед тем, как приступить к основному повествованию, хотелось бы дать одно напутствие — даже если в первых абзацах вы найдете схему которая идеально подходит для вас — не поленитесь дочитать до конца, по мере усложнения подхода к продвижению лендинга я буду рассказывать все более и более прогрессивные подходы, которые можно применять уже с самого начала!

[ВИДЕО 2017 года] О продвижении Landing Page по SEO

Первый этап — четко поставить задачи

Перво-наперво нам необходимо четко определиться с задачами и возможностями нашего проекта. Давайте сформулируем задачу так — получать дешевый трафик из органического поиска — это будет наиболее удачной формулировкой! Думаете задача проста? Почему тогда большинство новоиспеченных владельцев лендингов да и сайтов в целом берутся за лидирующие запросы в тематике?

Решили продавать плюшевых мишек, значит будем продвигать ззапрос — «плюшевые мишки купить»… Нет , мы не будем продвигать этот запрос, тем более, если наш инструмент продаж это лендинг! Улавливаете разницу?! Никаких лидирующих в тематике запросов, нужно трезво оценивать свои возможности на начальном этапе.

К запросам мы еще вернемся, а сейчас хотелось бы рассказать вот что… С задачей мы определились! А вот пути решения нашей задачи на начальном этапе:

1. Детально проработать конверсию лендинга. Добиться максимально возможного отклика от посетителей. Применить все новейшие методики повышения конверсии. Именно конверсия станет нашим главным козырем когда мы решим конкурировать за запросы с серьезными сайтами (не опечатка — именно сайтами). Конверсия в данном случае наше все — именно она поможет продержатьсся на плаву на начальных этапах и прокорить органику в дальнейшем. Тут мы ничем не противоречим основной дооктрине поисковых систем — сайт должен быть для людей, интересен людям, удобен и полностью отвечать на поставленный запрос. Забегу немного вперед, но даже выбирая ключи мы будем выбирать только те словосочетания на которые наш сайт способен не просто хорошо ответить, но ответить, как минимум не хуже чем лучшие сайты в тематике, так что запросы вида «товар отзывы» мы сразу отметаем!

2. Нам понадобятся системы контекстной рекламы Яндекс и Гугл в идеале. В принципе, одного Директ будет уже более-менее достаточно! И очень важно — контекст должен быть настроен очень, очень достойно — именно он поможет нам сорваться с мертвой точки

3. По мере увеличения аппетитов нам понадобятся развитые акаунты в социальных сетях. Как минимум — качественный аккаунт во Вконтакте. И Внимание! Никаких ботов — нам нужен живой акаунт, генерирующий настоящий трафик. В принципе, ботов можно нагнать в самом начале, чтобы реальные люди охотнее вступали в нашу группу. Рассказывать о создании групп в деталях тут я не буду — цель данной статьи несколько иная.

4. Техническая часть нашего лендинга должна быть не просто хороша, она должна быть идеальна, но об этом мы еще поговорим подробнее

5. Семантика продвигаемых запросов должна быть достаточно объемна! Мало кто знает, но у каждой конкретной фразы есть вероятность продвижения на данном сайте и на глаз ее не всегда возможно уловить. Просто вам стоит понять, что только треть из общего числа одинаково конкурентных запросов может быть продвинута на среднестатестическом сайте при средних условиях. Все грубо, но все-таки дает понять картину происходящего. Конечно нередко бывает, что 100% запросов удается вытащить в ТОП, но это скорее частный случай, тем более, если мы говорим о молодом проекте! Почему так? Яндекс и сам не знает — настолько сложным стал его Матрикснет.

Если вы усвоили информацию несколькими сантиметрами выше — можем смело переходить к основному повествованию!

Будем работать над нашими плюсами

Когда маленький бизнес выходит на рынок — единственный шанс для него выжить это сделать акцент на своих достоинствах (если конечно этот бизнес не предлагает уникальный в данном регионе товар/услугу). Так и в нашем случае — весь акцент именно на достоинствах. Какие у нас могут быть достоинства в сравнении с большими сайтами в органической выдаче? Ну первое и самое явное — конверсия, говоря другими словами — мы можем, должны и будем отвечать на поставленные нам запросы лучше окружающих сайтов. Сайты никогда не следят за своим трафиком — если мы посмотрим статистику запросов — у 99% всяких там интернет-магазинов есть просто горы мусорного трафика, которые не просто не приносят сайту денег, но и тянут его на дно! У нас такого трафика быть не должно. На практике это означает, что в том же Директе мы не будем крутить очень дешевые запросы, которые дают кучу отказов. Нам нужен только качественный трафик, который будет оседать на лендинге и превращаться в деньги, пусть даже, на первоначальных этапах клики по таким запросам будут стоить много. В любом случае — правильно работая с объявлением мы всегда можем получить хорроший CTR, а вместе с ним и дешевый клик.

Вторым нашим преимуществом станет мобильность во всех пониманиях этого слова. С одной стороны — сайт должен полностью коррректно отображаться на мобильных устройствах (иметь адаптивную верстку), а с другой — мы можем легко и непринужденно внедрить на лендинге самые передовые технологии верстки, что не каждый интернет магазин может себе позволить ввиду слоности архитектурных преобразований.

И последний наш плюс (его надо учесть еще на этапе разработки LP) — это непревзойденная скорость. Ведь у нас просто не будет перегруженной мусором, вечно лагающей базы данных, которая являетсся неотъемлемой частью почти всех современных сайтов. Лично я рекомендую вообще отказаться от использования CMS — при должном уровне настройки мы можем легко получить самый шустрый сайт в нише, но это налагает и определенные ограничения — никакой сложной графики… Благо современные средства HTML и CSS пзволяют творить чудеса даже без использования изображений.

Итак, 3 кита, на которых будет держаться SEO лендинга это:

1. конверсия

2. мобильность

3. скорость

И к этим 3-м великим китам стоит прибавить слона — правильная проработка семантики , а пока пару слов о технической оптимизации.

Блестящая техническая оптимизация

Первое с чего стоит начать — это под поисковые системы. Думаю, все понимают, что у нашего лендинга просто по определению нет таких проблем, как дубли страниц, битые ссылки и так далее

Но несмотря на это, наш сайтик должен в полном объеме выполнять требования поисковых систем:

1. должен быть настроен роботс, в котором указан сайтмап и основной хост, продублированы директивы для Яндекс

2. Должен быть сайтмап XML, хоть в этом почти нет смысла

3. должны быть склеены зеркала WWW и настроин редирект

4. должна быть настроена страница 404 ошибки

5. Обязательно должны присутствовать все seo теги (title, description, keywords, h1, h2-5)

6. Обязательно должен присутствовать Favicon

7. На сайт должна быть установлена как минимум Яндекс Метрика

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

Современные технологии

А вот это уже очень важный момент! Наш лендинг обязательно должен быть оснащен самыми современными элементами web. К ним стоит отнести:

1. адаптивная верстка

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

2. Shema верстка (микроразметка)

Микроразметка активно и давно используется в поисковой выдаче Гугл и с каждым днем все активнее в Яндекс. Сниппет сайта с элементами микроразметки выглядит намного привлекательнее, что заметно увеличивает его CTR в выдаче, а вместе с этим и внешние ПФ сайта.

3. Высокая скорость работы сайта и генерации контента

Скорость превыше всего

Следующий важный этап подготовки нашей странички — скорость отображения. Во первых — у вас должен быть шустрыый хостинг, а во вторых сайт должен попадать в зеленую линию как для стационарных так и для мобильных устройств в тесте Гугл. Тест

Подбираем качественные НК запросы

Наш сайтик практически готов. Теперь необходимо подобрать низкоконкурентные слова. Достаточно подробно этот процесс я описывал .

Стоит дать некоторые пояснения — в той статье я предложил достаточно замудреный способ оценить конкуренцию, на самом деле намного проще после сбора и первичного отсева воспользоваться сервисом Мутаген.

А еще проще использовать формулу KEI для программы Key Collector, которая дает практически аналогичный Мутагену результат:

(KEI_YandexMainPagesCount * 6) + (KEI_YandexTitlesCount + KEI_GoogleTitlesCount) + (KEI_YandexDocCount / 73000)

Оптимизация под НК

Далее нам необходимо подготовить текст под наши НК запросы. Тут все крайне просто — для выхода запросов в ТОП достаточно просто упомянуть каждый из них 1 раз в тексте. Самое главное тут не переспамить, хотя в нашем конкретном случае это не так страшно, т.к. даже если мы ненароком создадим сильный спам — зафильтрованы будут более высокочастотные, укороченные версии наших запросов . Помните простое правило — 1 запрос упоминаем 1 раз, не более.

Про детальную оптимизацию текста мы поговорим на этапе продвижения СК запросов.

Лендинг создан для контекста, так пусть контекст поможет SEO

Итак, у нас все готово, но могу поспорить, что наш новоиспеченный проект с огромным скрипом будет попадать в индекс. Можно, конечно закупить сссылок, но все-таки это не самый оптимальный вариант для лендинга, вот был бы сайт — другое дело.

Тут нам потребуется Директ. Наливаем Директа на сайт да побольше и скорая индексация нам обеспечена. На данном этапе совершенно не важно по каким запросам будут заходы, главное, чтобы по ним не было много отказов. Сколько это много? Если все усреднить, то могу сказать — 20 и более процентов уже не самыый лучший показатель, тем более, что качественные ПФ станут одним из основных инструментов продвижения в нашем случае.

Помимо Директ можете так же использовать ссылки, тем более — Яндекс официально заявил о том, что ссылки вновь эффективно работают! (именно такое развитие событий я и прогназировал , когда началась Санта Барбара)

Анализ ситуации, корректировки, работа над отказами

Теперь стоит взять небольшую передышку. За это время мы должны детально отработать конверсию по сайту и Директ. Лучше всего тут использовать A/B тестирование. Трафик с контекстной рекламы должен попадать точно в цель. Если люди будут довольны, то они и покупать будут намного охотнее. Ваша цель на данном этапе — начать получать стабильный контекстные трафик, который будет давать минимум отказов, в идеале — менее 10%.

Пройдет немногим больше месяца, как вы и сами не заметите, что многие запросы окажутся уже в пределе видимости и именно в Яндекс. В Гугл все будет несколько хуже, но это лишь потому, что у нас пока нет ссылок.

Через некоторое время стоит купить немного качественных ссылок с ГГЛ с правильными анкорами. Штук 20-30 будет более чем достаточно. Сапа так же очень полезна, но для работы с ней все-таки требуется опыт.

На этом тапе внимательно проверьте отказы по органическому трафику. Тут средний показатель по коммерческим запросам это 18%, у нас должно быть намного лучше, если мы собрались конкурировать с сайтами в выдаче. Внимательно изучите источники отказов и отработайте их. Конечнно, можно просто накрутить поведенческие, но нам нужно именно чтобы сам сайт давал хорошие ПФ, иначе вся дальнейшая работа просто не имеет смысла.

Проделав все описанное выше — вы можете быть уверены, что снежный ком запущен — мы имеем трафик из Директ и органики, который не только приносит клиентов, но и делает наш сайт все более интересным с точки зрения поисковых систем с каждым днем

Переходим к СК — подготовка

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

С НК запросами все было ну очень просто… Мы специально выбрали такие запросы, на которые ни один сайт в интернете не мог ответить лучше нас. И поиск поступил вполне ожидаемо — дал нам по этим запросам достойные позиции.

Но одними НК большого трафика не получить! Почему? — все просто… Если бы это был сайт — мы могли бы до старости работать с НК, расширяя и расширяя наш сайт до бесконечности, отрабатывая сотни и сотни новых запросов. На лендинге же это невозможно, если, конечно, после удачного опыта с НК вы не решили переделать ленд в сайт

Основой продвижения нашего проекта станут именно запросы средней конкуренции или имеющщие значение конкурентности до 25 по версии Мутаген (либо по KEY).

И первым шагом на пути к новым высотам станет кропотливая настройка Директ под выбранные нами СК, но обо всем по порядку, ведь запросы надо еще выбрать

Основой тут станет правильный подбор этих самых СК

Помимо уровня конкурентности запроса, вот на что вам так же стоит обратить внимание — среднее число страниц сайтов, находящихся в ТОП. Точнее не так — в ТОП обязательно должен присутствовать хоть 1 сайт у которого менее 200 страниц, а лучше менее 100.

При несоблюдении этого условия продвижение все-таки возможно, но его вероятность становится значительно ниже.

Не стоит выбирать слишком много запросов. Оптимально — 10 и менее

Настройка Директ под запросы среднего уровня конкуренции

Теперь то мы должны выжать из системы контекстной рекламы Яндекс Максимум. По каждому из выбранных нами запросов у нас должно быть идеально настроенное объявление с четко заданным таргетингом. Менять текст объявления мы будем до тех пор, пока не получим лучший CTR из возможных. Ведь Яндексу выгодно показывать вверху сайт на который много кликают, а значит и отдача в карман поисковой системы от такого сайта наивысшая.

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

Ширина охвата тематики

А теперь пришло время исползовать один из секретов современного SEO — ширина охвата тематики. Данная штука позволяет вытаскивать на слабых сайтах достаточно таки конкурентные запросы, практически без использования ссылочного и накруток ПФ.

У Яндекс есть условные представления о каждой тематике в интернете. Сюда относится и сама база запросов (хвосты от ВЧ) и похожие слова и поисковые подсказки и некоторые другие источники. Тоесть Яндекс на своем уровне условно представляет себе что относится к той или иной тематике. И заметьте — иногда это не совсем совпадает с действительностью, но в подавляющем большинстве случаев все-таки совпадает.

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

Нам же надо составить карту ума для нашей тематики. Изучать придется вордстат, органический поиск и поисковые подсказки по разлиичным хвостам от основного запроса. Сразу стоит сказать, что в данном случае мы не имеем ни малейшего морального права принебрегать никакими направлениями, например, очень часто и во многих тематиках мы можем встретить запросы вида «… своими руками» — мы просто обязаны будем и их использовать.

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

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

Настройка текстовой релевантности

Итак, мы охватили тематику полностью, но готов поспорить, что по дороге мы бонусом получили просто дикий текстовы переспам, а для СК запросов это уже существенная проблема, но не стоит отчаиваться — около получаса вашего времени и с текстовым спамом будет покончено раз и на всегда

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

Описанных выше методик окажется вполне достаточно для некоторых запросов средней конкуренции, но далеко не для всех. Очень важен постоянный мониторинг позиций. И если по истечению 2-3 месяцев с момента как вы сделали все, описанные выше манипуляции, некоторые позиции так и не вышли за границу ТОП 50 — от них следует отказаться.

Накрутки ПФ

Сразу скажу — данный инструмент очень эффективен в Яндекс и намного менее в Гугл. Но накручивать и Яндекс и Гугл одновременно необходимо, чтобы не случилось проблем с Яндекс. А теперь внимательно прочтите и усвойте следующие аксиомы:

  1. фильтр за накрутку ПФ это не миф. И данный фильр является наиболее жестоким фильтром Яндекс — оно и понятно — Яндекс очень недоволен тем, что поведенческие накручивают, ведь их влияние на выдачу огромно
  2. вероятность фильтрации легко можно снизить до 5-10% и для этого не надо обладать экспертными знаниями в области Сео. Достаточно просто не «спалиться»
  3. в нашем случае (когда естественные ПФ сайта очень высоки) риск попасть под санкции Яндекс становится еще меньше

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

Что еще можно использовать

Нередко для лендинга создают группы в соц сетях. И мы можем использовать эти группы в SEO целях. Лучше всего подойдут группы ВК и FB. К группам есть всего 1 требование — их сообщество должно быть настоящим, способным генерировать реальный человеческий трафик.

Так же группы должны иметь название, схожее с продвигаемыми поисковыми запросами.

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

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

Заключение

В заключение хотелось бы сказать, что раскрутить лендинг вполне реально, главное ставить выполнимые задачи и полностью использовать свои преимущества. К выполнимым задачам стоит отнести сами запросы, которые мы будем продвигать. За ВК и браться не стоит — бюджет будет просто слит, а вот большинство правильно подобранных НК и даже некоторые СК вполне успешно можно вывести в ТОП и получать трафик. И заметьте — ценность трафика для нас будет в разы выше, ведь конверсия лендинга в среднем в 2-3 раза выше, чем у качественного сайта. Тоесть для достижения одного и того же результата (уровень продаж) нам потребуется в 2-3 раза меньше трафика. А следить за лендингом, подстраивать его под постоянно меняющиеся поисковые алгоритмы в 10-ки раз проще, чем сайт. От себя хочу сказать 1 простую вещьчтобы продвижение было успешным — сама страничка должна полностью отвечать на запросы пользователя, быть качественной и современной.

Но и обольщаться тут особо не стоит, а то после прочтения данного материала у вас может сложиться мнение, что двигать лендинг намного выгоднее, чем сайт! Нет — не выгоднее и не проще, а намного трудней! Многие сайты, сделанные «от балды» худо бедно, но можно продвинуть. А вот качественно сделаный и оптимизированный сайт будет расти даже сам по себе, без какой-либо покупки ссылок и оптимизации текстов. И за несколько лет, совершенно самостоятельно дойдет до достойного уровня трафика. С лендингом же у вас такого никогда не получится — чтобы он начал получать трафик из органического поиска — он должен быть не только хорош собой, но над ним придется провести обширный комплекс работ по оптимизации. Плюс — поисковые системы изначально крайне подозрительно относятся к такого вида сайтам, так что любое неосторожное действие и можно легко получить фильтр чего с обычным сайтом бы не произошло!

Если вам был интересен данный матерриал — буду рад, если вы станете подписчиком блога по .

А еще вы можете заказать у меня .

После создания landing page важно задуматься о его раскрутке. В 90% случаев продвижение лендинга осуществляется с помощью контекстной рекламы. Это недорогой и довольно эффективный способ получить первых посетителей уже через 2-3 часа после запуска рекламной кампании в Интернете. Однако действие этого типа рекламы сходит на "нет", когда объявления не оплачиваются и перестают показываться.

Многие клиенты интересуются, можно ли продвигать лендинг по SEO. Некоторые веб-студии утверждают, что нет. На деле же оказывается, что можно, а такой процент отказов от исполнителей только потому что продвижение продающей страницы методом SEO достаточно сложный. Однако важно понимать, что эффект от СЕО-продвижения со временем только растет и достигнутые результаты остаются надолго.

Стоимость контекстной рекламы и СЕО также разная. СЕО-продвижение приводит основной трафик, PPC в этом случае выступает дополнительным инструментом. Их выбор зависит от цели. Если компания желает поднять репутацию с нуля, рекламировать себя и привлечь естественный трафик, увеличив числе продаж в целом, то лучше применять SEO. Если необходимы моментальные и краткосрочные продажи (например, при вводе акции), то PPC - оптимальный вариант. Хотя стоит отметить, что в некоторых нишах, контекстная реклама является основой заработка компании. Нужно знать что такое лендинг пейдж и помнить, что все очень сильно зависит от ниши, правильно выбрав методы как продвигать лендинг.

Плюсы и минусы PPC и SEO продвижения landing page

Для начала вспомним, что контекстная реклама - это объявление, которое показывается сверху или снизу на странице поисковой выдачи. А вот целью СЕО (поисковой оптимизации) стоит вхождение сайта в ТОП 10 по определенным запросам. Это два разных инструмента, которые несут в себе одну цель - сделать так, чтобы посадочную страницу увидело как можно больше пользователей.

Теперь перейдем к обзору преимуществ и недостатков способов продвижения.

Формирование бюджета

В краткосрочных перспективах применения контекстной рекламы обойдется дешевле, так как после настройки и запуска, сайт сразу оказывается в на первой странице поисковиков. Стоимость СЕО-продвижения зависит от конкретных методов раскрутки, конкуренции по нише. Поэтому она может варьироваться, но, все же, в сумме такой вид продвижения обойдется дороже. Хотя стоит помнить об эффективности продвижения и общем доходе за весь период рекламирования лендинга. SEO-продвижение будет выгоднее. То есть в краткосрочных перспективах контекстная реклама выходит дешевле, а в долгосрочных - SEO-оптимизация лендинга выйдет на порядок выгоднее.

Целевой трафик

Количество посетителей landing page, пришедших с помощью поисковой выдачи, будет больше, чем трафик по контекстной рекламе. Но для того, чтобы получить максимальное количество лидов с помощью СЕО, необходимо вложить крупную сумму денег и постоянно контролировать факторы, влияющие на результат.

Управление рекламной кампанией

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

Возможности СЕО-оптимизации ограничены, а самостоятельно оптимизировать сайт без соответствующих знаний, практически, невозможно.

Скорость эффекта

Чтобы настроить платную рекламу, необходимо от 4-5 часов. После настройки и запуска реклама начинает лить трафик и сразу приводить посетителей. После запуска СЕО-продвижения первые посетители появятся, как минимум, через 3 недели и значительно ниже по конверсии, так как такие пользователи скорее всего просмотрели уже десятков сайтов, прежде чем добраться к нам.

Длительность результата

Эффект от SEO-оптимизации длится дольше. Даже если СЕО-раскрутка остановлена, она продолжит действовать какое-то время. Эффект от платной рекламы в Google длится до тех пор, пока идут проплаты на него. Как только заканчивается проплата рекламы, она останавливается и будет безрезультатна.

В идеале, когда продвижение landing page будет выполняться одновременно двумя способами.

Почему лендинг не продвигается?

Поисковая система с большим недоверием относится к сайтам состоящим из одной страницы, поэтому и попасть в ТОП органической выдачи почти невозможно. Решение довольно простое - создание блога внутри лендинга. К примеру, вы можете вывести 6-20 материалов тематического контента из блога на посадочную страницу. Невероятно важно, чтобы описание к каждой статье (превью) было уникально и не дублировалось в внутренними страницами сайта.

  • Title;
  • Description;
  • Контент;
  • Ссылочный профиль;
  • Н1, Н2 и Н3;
  • Перелинковка.

Рассмотрим каждый фактор отдельно, так как даже один пункт из списка может положительно повлиять на раскрутку landing page.

Title

Тайтлу стоит уделить особое внимание, от него зависит 50% успеха. Очень важно в title использовать ключевые вхождения в начале предложения. Еще лучше, если в нем будет мягкий призыв к действию.

Description

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

H1

В Н1 должен быть указано самый частотный запрос в прямой форме, использоваться 1 раз и составляться из 2-5 слов.

Н2 и Н3

Для лендинг пейдж также важны подзаголовки. В них прописываются ключевые слова с более низкой частотностью.

Текстовый контент

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

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

Перелинковка между лендингами или со своим сайтом

Перелинковка может стать основным фактором, положительно влияющим на продвижение. Поэтому обязательно следует делать линк на страницах своего сайта между собой или другие landing page.

  1. Не нагружайте landing page лишней и бесполезной информацией;
  2. Используйте уникальные картинки, если хотите раскрутить одностраничник;
  3. Проконтролируйте скорость загрузки страницы;
  4. Закажите создание дополнительных страниц (первая из которых - лендинг) и организуйте продвижение каждой из них по определенным запросам.

Если продвижение landing page вам кажется сложной работой, то лучше обратиться к профессиональным исполнителям, которые подскажут, где и на какие элементы и блоки нужно сделать упор,

Все Вы слышали о таком интересном инструменте продаж, как Landing Page (одностраничный сайт), может даже и используете его. А Вы знали, что имеет место быть такое явление, как SEO продвижение лендинга?

Многим кажется, что продвинуть одностраничники хотя бы в ТОП-10 невозможно. Ведь они направлены исключительно на работу в связке с контекстной рекламой. Формы обратной связи в каждом блоке, видео, большие кнопки «Купить», огромное количество картинок и минимальное количество текста — все это является обязательными атрибутами одностраничного сайта, из-за чего его продвижение в поиске кажется пустой тратой времени.

Однако, нередко в поисковой выдаче можно наблюдать как раз эти самые LP. Но как они туда попали? Что нужно предпринять, чтобы сайт начал показываться хотя бы в ТОП-10? Давайте попробуем разобраться со всем этим.

Особенности landing page

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

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

Однако, есть шанс на попадание в выдачу — это внутренняя SEO-оптимизация лендинг пейджа. Благодаря тому, что одна единственная страница будет оптимизирована под один или несколько запросов (помним правило: каждому запросу своя страница), робот сможет проиндексировать ее. А это может значить только одно: какая-то позиция нам гарантирована.

Дальнейшее продвижение к ТОП-10 возможно только при оптимизации других важных факторов:

  • Поведенческие факторы ();
  • Коммерческие факторы;

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

Оптимизация Landing Page

Для того, чтобы робот мог определить под какой запрос заточен одностраничник, нужно провести работу с несколькими элементами:

  1. Составление правильно семантического ядра. Для LP целесообразно использовать 1-3 запроса близких по смыслу, иначе занять более-менее высокие места попросту не получится;
  2. Правильное заполнение мета тега Description и тега Title. Подробнее ;
  3. Правильное использование заголовков H1-H6. На странице должен быть один заголовок первого уровня (H1) — это главное правило. При чем в H1 обязательно нужно употребить ключевую фразу в прямом вхождении. Более подробным образом расписано ;
  4. Заполнение атрибута alt у картинок. Каждое изображение на сайте должно иметь уникальный атрибут alt. Рекомендуется использовать в нем ключевую фразу;
  5. SEO-текст на 1500 — 3000 символов без пробела. Как написать хороший SEO-текст узнаете .

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

  1. . Так посетители смогут наглядно посмотреть, где находится Ваш офис;
  2. Добавляем различные сертификаты, повышающие доверие посетителей;
  3. Добавляем блок с отзывами. Отзывы всегда помогали поднять доверие, поэтому используем их по максимуму. Желательно видео-отзывы;
  4. Добавляем на лендинг видео по Вашей услуге или товару.

Поработав в этих направлениях, Вы здорово поднимите уровень доверия посетителей к Вам, что заметят и ПС.

Также обязательным образом:

Типографика играет ключевую роль в веб-дизайне, по статистике 95% содержимого сайтов составляет текстовый контент. Шрифтовое оформление управляет настроением и создает определенную атмосферу при прочтении текстового содержимого веб-страниц.

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

В этой статье будут рассмотрены основные аспекты современной веб-типографики, которые помогут вам определиться при выборе шрифта и способов оформления текста.

CSS-свойства для правильной веб-типографики

1. Семейство шрифтов (свойство font-family)

Подбор шрифта начинается с выбора гарнитуры шрифта.

Гарнитура — шрифт или несколько шрифтов, имеющих стилистическое единство начертания. Состоит из набора знаков (обычно — цифры, буквы, знаки пунктуации, спецсимволы, но может состоять так же исключительно из неалфавитных знаков). Например, гарнитура «Times New Roman» состоит из обычного, курсивного, полужирного и множества других шрифтов этого семейства.

Гарнитуры можно разделить на две основные категории: с засечками (антиква и брусковые шрифты) и без засечек (гротески).

Шрифты без засечек имеют простой и четкий внешний вид. Шрифты с засечками, напротив, придают более серьезный и официальный тон.

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

В каких случаях можно использовать несколько шрифтов?

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

Сервис TypeTester для подбора шрифта

2. Сочетание шрифтов с засечками и без засечек

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

На самом деле это правило касается в первую очередь печатных изданий, книгопечатания. Связано это с тем, что шрифт с засечками (небольшими росчерками на концах основных штрихов) плавно выстраивается в одну линию, облегчая восприятие текста и делая его более читабельным.

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

3. Цвет шрифта (свойство color)

Цвет придает тексту четкость и выразительность. Цветные заголовки и небольшие акценты в тексте способны привлечь больше внимания, чем текст черного цвета.

Тем не менее, не стоит забывать, что любой цвет несет с собой собственное настроение, а у каждого человека есть личные ощущения, которые вызывает у них тот или иной цвет.

Теплый цвет активно привлекает внимание к тексту, делая его визуально большим по размеру, чем шрифт аналогичного размера холодных оттенков. Для небольших по размеру элементов текста подходят более яркие цвета, боковое содержимое страницы можно выделить при помощи цвета, который на 20-30% светлее цвета текста основного содержимого веб-страницы.

При выборе количества цветов текста предпочтительно ограничиться двумя достаточно контрастными цветами (не считая черного и белого цвета). Черный текст на белом фоне — это классика, достаточно контрастная.

4. Размер шрифта (свойство font-size)

Размер базового шрифта в браузере равен 16px , а размер заголовков устанавливается пропорционально размеру базового шрифта (h1 — 2em, h2 — 1.5em, h3 — 1.17em и т.д.).

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

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

Шрифты различных семейств одинакового размера также могут иметь разный фактический размер.

С ростом разрешения экранов и размеров мониторов необходимо пересмотреть привычный размер текста в 12-14px. Для обычного текста уже повсеместно применяется шрифт размером 14-18px. Задавая размер шрифта, нужно не забывать про адаптивность, т.е. размер шрифта должен изменяться в зависимости от размера экрана.

5. Выравнивание текста (свойство text-align)

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

6. Межбуквенный и межсимвольный интервал (свойства word-spacing и letter-spacing)

Межбуквенный интервал оказывает влияние на читабельность текста. Варьирование плотности текста (уплотненный и разряженный текст) позволит разнообразить темп восприятия, добившись баланса текстовой композиции сайта.

Шрифты с засечками смотрятся более выразительно при уменьшенном значении letter-spacing .

7. Межстрочный интервал (свойство line-height)

Оптимальное значение межстрочного интервала в 1.4 — 1.6 раза больше размера шрифта.

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

8. Длина строки

В строке для сплошного чтения должно помещаться от 30 до 75 знаков (приблизительно 7-10 слов на одной строке). Чем шире строка текста, тем больше должен быть межстрочный интервал. Межстрочное расстояние не должно быть меньше пробела между словами.

9. Начертание шрифта (свойство font-style)

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

Свойство font-variant: small-caps; придает тексту типографскую изысканность, преобразуя текст таким образом, что все буквы отражаются малыми прописными. Данный прием подходит для небольших фрагментов текста.

10. Структура текста и визуальная иерархия

В структуре веб-страницы выделяют следующие объекты:
логотип / название сайта;
названия / заголовки;
заголовки второго плана;
основной текст;
навигация;
гипертекстовые ссылки;
длинные цитаты;
боковые панели;
подписи / надписи в таблицах, рисунках.

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

В HTML существует шесть уровней заголовков, начиная с более важного

и заканчивая менее значимым

. Заголовок

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

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

В общей структуре текста особое внимание нужно уделять ссылкам, они должны с легкостью выделяться из окружающего их контента.

Визуальная иерархия устанавливает на странице правильную структуру, благодаря чему текст становится прост для восприятия и чтения. В большинстве текстов присутствует деление текста по смыслу. Существует несколько способов, самый простой — разбивка текста на абзацы.
капитель;
курсив;
полужирное / жирное начертание;
размер;
цвет;
смена гарнитуры;
изменение положения знаков на полосе текста (верхний и нижний регистр, отступы);
выделение знаков при помощи графических элементов — указателей, рамок, иконок и т.п.

Слишком сильное выделение не только чрезмерно акцентирует внимание на каком-либо фрагменте, но и затрудняет чтение.

11. Безопасные шрифты

Windows fonts / Mac fonts / Font family

Arial, Arial, Helvetica , sans-serif

sans-serif

cursive

monospace

Georgia 1 , Georgia , serif

sans-serif

Lucida Console, Monaco 5 , monospace

sans-serif

serif

Tahoma, Geneva , sans-serif

Times New Roman, Times , serif

Trebuchet MS 1 , Helvetica , sans-serif

Verdana, Verdana, Geneva , sans-serif

Symbol, Symbol (Symbol 2 , Symbol 2 )

Webdings, Webdings (Webdings 2 , Webdings 2 )

Wingdings, Zapf Dingbats

MS Sans Serif 4 , Geneva , sans-serif

MS Serif 4 , New York 6 , serif

Arial, Arial, Helvetica , sans-serif

Arial Black, Arial Black, Gadget , sans-serif

Comic Sans MS, Comic Sans MS 5 , cursive

Courier New, Courier New, Courier 6 , monospace

Georgia 1 , Georgia , serif

Impact, Impact 5 , Charcoal 6 , sans-serif

Lucida Console, Monaco 5 , monospace

Lucida Sans Unicode, Lucida Grande , sans-serif

Palatino Linotype, Book Antiqua 3 , Palatino 6 , serif

Tahoma, Geneva , sans-serif

Times New Roman, Times , serif

Trebuchet MS 1 , Helvetica , sans-serif

Verdana, Verdana, Geneva , sans-serif

Symbol, Symbol (Symbol 2 , Symbol 2 )

Webdings, Webdings (Webdings 2 , Webdings 2 )

Wingdings, Zapf Dingbats (Wingdings 2 , Zapf Dingbats 2 )

MS Sans Serif 4 , Geneva , sans-serif

MS Serif 4 , New York 6 , serif



Рекомендуем почитать

Наверх