Ответы пользователя по тегу Посадочные страницы
  • Какая платформа лендогенератор лучшая?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Без вариантов!
    Только своё решение!
    Ответ написан
    Комментировать
  • Как верстать современные лендинги?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    5b709e402f085326929302.png
    Как правило все блоки оформления позиционируются по каждой секции (section).

    Порядок для одной секции: оформление-ДО, текст секции, оформление-ПОСЛЕ.
    1. Оформление-ДО - ставится первым (верхние углы и слева)
    2. Основной текст секции - ставим в середине, оттеняем случайные возможные "наезды" слоёв оформления на текст с помощью прозрачности и z-index'а.
    3. Оформление-ПОСЛЕ - ставится последним (справа и нижние углы).

    Если картинки/SVG оформления не вписываются в ширину viewport'а - они масштабируются по ширине viewport (иногда со смещением за зону видимости, чтобы сохранить крупную детализацию, потеряв какую-то часть изображения по краям).

    Также, можно ограничить высоту блоков оформления сверху и снизу через max-height в адаптивном режиме.
    Ответ написан
    3 комментария
  • Landing под ключ?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Найти что-то похожее в интернете и сделать аналогично, но с другим дизайном и со своим набором блоков, ориентируясь на существующие сайты вашей тематики.
    Ответ написан
    1 комментарий
  • SEO отдельного лэндинга интернет магазина. Возможно ли?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Решили неверно.
    Сделайте страницу каждого товара в виде лэнднига с уникальным дизайном шаблона по производителю, с детальным описанием всех фич товара и т.д.
    Вот и будет Вам то, что Вы хотите.
    Ответ написан
    Комментировать
  • Вы знаете хороший каталог бесплатных Landing-шаблонов?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Почитайте как делают другие и возможно сможете сами делать нужные Вам шаблоны:
    https://instapage.com/blog/landing-page-examples
    Ответ написан
    Комментировать
  • На чем лучше делать одностраничник?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Ну, давайте по-порядку разберём!
    1. Одностраничник - делается под конкретный продукт или услугу.
    2. Шаблон - создаётся также уникальным, исходя направления продукта/услуги и ЦА.
    3. Форма сбора контактных данных на одностраничнике - прошлый век! Никто не будет оставлять данные. Для этого есть форма: "Отправить запрос" и в ней поле, НЕОБЯЗАТЕЛЬНОЕ К ЗАПОЛНЕНИЮ: "Прошу ответить мне на e-mail:".
    4. Цель одностраничника - должна быть явно задана: реклама товара, продажа, выявление интереса к продукту, приоритетная первичная регистрация на сервис в альфа/бета-тесте и т.д. Если, что-то из перечисленного будет идти вместе, - ТОЛКУ НЕ БУДЕТ!
    5. Конверсия - самая интересная тема, а уж тем более, на лендинге. Здесь многое зависит от того, кто создаёт Вам шаблон и корректно ли он располагает визуальные смысловые блоки и элементы пользовательского интерфейса страницы. Т.е., нужно, чтобы это делал именно UX-дизайнер, а не простой дизайнер! Т.к. он учитывает время просмотра страницы до десятых долей секунды, направление взгляда, движение мышки, скорость понимания информации, простоту изложения информации для понимания (пункты списка, схемы, таблицы, анимацию, видео-ролики и прочее).
    6. Удобство управления лендингом и структурой страницы, скорость загрузки: однозначно SPA + AJAX. Вёрстка - делается так: общий дизайн и блоки наполнения В ОТДЕЛЬНЫХ HTML-файлах, затем берём includeHTML и ставим все нужные блоки друг за другом в едином HTML, которые нам понадобятся. Затем, комментируя/переставляя строки в головном HTML-файле мы легко можем менять расположение блоков (секций лендинга).
    7. Все popup-формы, разметки секций и прочее (т.е., доп. разметку для доп.блоков) - грузим через тот же includeHTML из рядом лежащих файлов, например, "vote-form.html" или "feedback-form.html", где будет нужный функционал. Т.е. Вы сможете легко менять эти файлы, чтобы получать нужную (модифицированную/новую) форму.
    8. Основной список секций по лендингу можно получить здесь (Создать сайт с "нуля" -> выбрав в списке типов сайта: лендинг).
    9. SEO и индексация - JSON-LD, META-тэги (включая данные для соц. сетей, fb:* и т.д.), разметка всей вёрстки - строго HTML5!
    Ответ написан
    4 комментария
  • Landing Page и его индексация?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Самое главное: обязательно нужно делать на корректной структуре HTML5, т.к. все, определяющие назначение контента, теги (header, aside, section, article и т.д.) позволяют ПС корректно индексировать их содержимое и дают роботу понять: что это за информация.

    Я думаю, что лучше почитать https://yandex.ru/blog/all
    или спросить там же в клубе у самого разработчика сервиса или задать вопрос.
    Это будет 100% решением Вашего вопроса.
    Ответ написан
    Комментировать
  • База клиентов для лендинга на php?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Здравствуйте, есть ли готовые скрипты на php....
    ....+ определить гео данные и т.д

    1. www.php.su/articles/?cat=phpdb&page=010 (работа с mysqli)
    2. dev.maxmind.com/geoip/legacy/geolite (база геолокаций по IP по миру, обновление: раз в месяц)
    ipgeobase.ru/cgi-bin/Archive.cgi (база геолокаций по IP, страны СНГ, обновление: раз в день)
    Ответ написан
    Комментировать
  • Какой движок лучше для landing page?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Про динамические блоки для LP и SPA: вот этот будет самым лёгким и лучшим.
    Ответ написан
    Комментировать
  • Какие CMS движки для создания landing pages вы используете или знаете?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Какие CMS движки для создания
    Оборот в корне неверен!
    CMS - система УПРАВЛЕНИЯ контентом, а не СОЗДАНИЯ!
    Чтобы СОЗДАТЬ: достаточно использовать HTML, CSS, JS.

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

    PS: Про "движок-конструктор": отсюда скачайте и доработайте (у меня пока не очень много времени его допилить...)
    Пример результата: здесь
    29cbf22e679942b4879d554f552f6c9e.jpg
    Ответ написан
    Комментировать
  • Почему в американских лендингах нет телефонов, как точек захвата?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Телефона нет, т.к. они хотят работать со всем миром, а если телефон - значит ограничение по языковому барьеру. Наверное, поэтому.
    Проще всегда вести историю по посетителю(ям), используя какой-либо идентификатор (куки, почту и т.д.), нежели отвечать на одни и те же вопросы всем подряд и неизвестно кому.

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

    Сейчас разрабатываю для своего проекта "дерево" вопросов и ответы-селекторы: вопрос и 2-3 варианта ответа, по клику по одному из ответов - следующий вопрос. Через 5-7 таких циклов: текст повествования с той сутью, что "вот как раз это то, что Вы хотели и это Вам подходит на все 10000000%" и кнопка "Зарегистрироваться".
    Главная сложность здесь - в правильном составлении (и оформлении!) как самих вопросов и ответов, так и дерева их зависимостей, чтобы мозг у отвечающего был всегда заинтересован при проведении такого опроса и каждый последующий вопрос был интереснее предыдущего и всегда должно быть краткое повествование после ответа на предыдущий вопрос (т.е. давать понять человеку то, что он не впустую ответил...).

    Фактически, это авто-продажник, а витрина - это весь лэндинг....

    Я не знаю эффективность такого метода, но вот решил попробовать....
    Кто пробовал уже подобные вещи - пишите...
    Ответ написан
    3 комментария
  • Организация процесса создания landing page с нуля?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Взялся за создание простой просадочной страницы (я не веб-разработчик)
    Зачем Вы взяли работу, если Вы - НЕ ВЕБ-РАЗРАБОТЧИК?!

    какие могут быть нюансы
    Возможно, Вы имели ввиду: "смогу ли я избежать хотя бы одну из возможных проблем"?

    я перфекционист отчасти, поэтому ставить денвер и делать всё там совесть не позволяет, да и к тому же занимаюсь системным администрированием и начинающей андроид-разработкой, поэтому уж с лендингом то должен справиться.
    Для перфекционистов ONLY: https://www.vagrantup.com/
    Ответ написан
  • Какая CMS интернет-магазина позволяет оформить карточку товара по типу лендинга?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Любая. Карточка - это разметка страницы товара (layout) внутри шаблона.
    Функции - зависят от выбранного плагина с функцией магазина/корзины.
    Всё остальное - это шаблон и его вёрстка.
    Ответ написан
    Комментировать
  • Как понять структуру Landing page?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Пример приведу на паре "заказчик-исполнитель" (фриланс):
    Посередине надпись и картинка:
    "Фриланс - кто не работает, тот ест!"

    Затем два заголовка и две кнопки КРУПНЫМ:
    1. "ЗАКАЗЧИК: Я ищу исполнителя на свой проект."
    2. "ИСПОЛНИТЕЛЬ: Я ищу работу по своей квалификации."

    по клику - открываем нужный раздел.
    Ответ написан
    Комментировать
  • Каков он, идеальный html шаблон для LP?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Возможно Вы имели ввиду: "Сетка шаблона LP"?
    Если за 1 секунду после открытия LP посетитель нажимает "Купить"/"Заказать" - этот шаблон идеальный.

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

    Шаблон может быть простым, но он должен обеспечивать 3 основных правила:
    1. Производить впечатление, вызывать чувство восторга, быть уникальным.
    2. Создавать видимость респектабельности и вызывать чувство доверия.
    3. Доносить информацию так, чтобы это было максимально просто для понимания с минимальными временными затратами.

    Ответ: существует идеальная сетка разбиения страницы, шаблона - не существует.
    Ответ написан
    2 комментария
  • Что такое верстка и посадочные страницы?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Кратко:
    Современная вёрстка - это разметка и изменение отображения контента страницы по единственному клику: меню карусели, попап-формы, попандеры, "аккардионы", табы, спойлеры и прочее.

    Всё остальное - front-end кодинг.
    Например, часики в правом верхнем углу страницы - это уже кодинг.
    Ответ написан
    Комментировать
  • Loading progress на LP?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Процентная загрузка предполагает загрузку известного перечня ассетов и используется в SPA-приложениях.
    Вы должны всё это создать внутри архитектуры сами.
    Или поставить просто бесконечную анимацию (прелоадер) до момента полной загрузки страницы (без всяких процентов).
    Ответ написан
  • На чем лучше реализовать подмену контента(мультилендинг) на сайте PHP или JavaScript?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    HTML+JS, если не планируете делать приём данных от клиента (форму обратной связи можно сделать ссылкой на гугл-формс/iframe или линком "mailto:" через JS).
    Плюсы: дешевле хостинг, никакой нагрузки на сервер.
    Минусы: вся логика на стороне клиента (front-end) и может быть скопирована, отсутствие возможности серверной обработки входящих данных от клиента.

    Иначе: PHP+JS: (если планируете опросы, расчёты или магазин на лэндинге, или CMS)
    Плюсы: часть логики на стороне сервера и недоступна пользователю, любая обработка данных от пользователей.
    Минусы: доп.нагрузка на сервер, хостинг дороже

    Про php (ajax): речь идёт про json с данными. Если данные статичные - можно просто положить файлы с расширением *.json без PHP и загружать их как обычно.
    Ответ написан
    5 комментариев