Совсем недавно компания Google выполнила требование Федеральной антимонопольной службы РФ - предоставила пользователям Android выбор поисковой системы в стандартном браузере Chrome. Теперь после установки свежей версии или с помощью специального меню настроек каждый может выбрать чем ему искать информацию в интернете: Яндексом, Google и Mail.Ru. Что из этого лучше? Давайте детально разберемся.

Не переходя к самому поиску, оценим удобство главной страницы «великолепной тройки». Начнем с Гугла:

Традиционно аскетичная главная страница Google по центру содержит лишь строку, куда можно ввести свой запрос. Чтобы попасть в остальные сервисы компании, необходимо нажать кнопку с сеткой. Оттуда можно почитать новости, перейти в почту или карты. Если хотите большего сразу на главной, то нужно устанавливать или основное для Android и iOS. Там все сервисы вперемешку со поисковой строкой сразу же выдаются на главном экране.

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

Если главная страница Google аскетична, то у Mail.Ru это просто верх минимализма. В плохом смысле слова, так как на ней нет никаких информационных карточек, интерактивных элементов и прочего. Если в меню выбрать новости, то сайт любезно предложит нам «поискать новости» в 2017 году. Думаю, на этом обзор главной Мэйла можно закончить.

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

Локальность

Этот параметр определяет, насколько так или иная поисковая машина оптимизирована под нужды пользователей региона СНГ, в частности - из России. Для более наглядной демонстрации многие поисковые запросы были связаны с провинциальным городом Брянск.

Сначала посмотрим, как три поисковика понимают местные колоритные словечки и контекст их использования. Например, название города Челябинска часто сокращают как «чел». Что если ввести запрос «чел маршруты»:


Гугл и Яндекс поняли, что я от них хочу, а вот Мэйл не догадался.

Насколько хорошо три поисковика знают великий и могучий русский язык? Попросим у них помощи в разрешении популярной ошибки - ихний или их:


Google на такой запрос отвечает краткой справкой со стороннего сайта, поясняя, что первый вариант делает речь грубой и низкой. «Поиск №1 В России» еще при вводе запроса показывает правильный ответ, но при переходе в поисковик справка не дается - поверим на слово. А вот Mail.Ru не сделал ни того, ни другого - просто выдал Грамоту.ру первым результатом. Могло быть и хуже.

Подкинем поиску каверзный запрос «европа время». Подразумевается, что мы увидим время работы крупного торгового центра «Европа». Посмотрим, что нам покажут:


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

Теперь перейдем к сугубо локальной истории - к поиску со включенным местоположением. Попробуем подыскать нам место, где можно пообедать:


Забавно, но только Гуглу удалось нас понять, хотя первым результатом был разбор самого слова «пообедать». На втором месте сразу же была карта со списком местных заведений. Яндекс почему-то решил поучить нас правописанию слова, как и Мэйл.

Как насчет заказать пиццу?


В этот раз Google тоже проявил себя с лучшей стороны - на первом месте в выдаче сразу карта с пиццериями. Яндекс организовал свою выдачу чуть хуже: сначала идет блок с рекламой, потом фотографии пиццы и понятие, а только потом место, где можно заказать заветную пиццу. А в Mail.Ru не все так плохо - поиск выдал службы доставки с кнопкой набора номера.

А что если поискать пиццу в другом городе?


В поиске корпорации добра ничего не изменилось, а вот Яндекс исправился. Жаль только, что «соображалку» движка нужно подталкивать названием города.


Подводя итог в параметре локальность, можно сказать, что Яндекс зачастую обладает более современной базой данных организаций. Например, при поиске кафе Google показал мне забегаловку, которая уже не существует пару лет - «Райзе». В Яндексе ее давно убрали. В 2ГИСе, который используется поиском Mail.Ru, этого кафе тоже больше нет.


Та же самая ситуация обстоит с банковскими отделениями и другими точками на карте. Например, в Гугле нет информации об отделении Восточного Экспресс-банка, которое год назад принадлежало другому банку.

Более того, в Гугле даже на карте отмечены отделения этого уже несуществующего банка «Юниаструм». В Яндексе и Mail.Ru карты более актуальные. В итоге : Яндекс более «локализован» и обладает актуальной информационной базой в РФ и странах СНГ; Google в этом плане чуть хуже, но пользоваться им можно; Mail.Ru на последнем месте.

Удобство

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

Начнем с банального - попросим вывести график выходных в июне:


Яндекс показал полный список выходных за 2017 год, кроме стандартных суббот и воскресений. Google ограничился ссылками на сайты, а вот Mail.Ru слегка удивил - он показал календарь с отмеченными выходными.

Сравним информационные карточки объектов вроде компьютерных игр, например - старой Gothic, которая вышла в начале нулевых:


Во всех трех поисковиках описание совершенно разное, но в Google карточка самая скудная - только ссылка на Википедию с указанием разработчика и серии. Самый популярный в России поисковик выдал оценку на Metacritic, а также более детальную информацию из Википедии. Mail.Ru, помимо обычного описания, также дает ссылки на описание игр серии, движка, ролевой системы и других особенностей - очень неплохо.

Перейдем к одной из самых популярных функций - расчеты:


Здесь есть о чем поговорить. В поиске Гугла при вводе какого-то математического запроса показывается небольшой калькулятор с посчитанным выражением. Кроме получения результата, пользователь получает возможность продолжить расчеты или решить какую-то другую задачку - очень удобно. В Яндексе подход другой, во многом более удобный. При вводе запроса еще в строке система сразу же понимает его, приводит к математическому написанию и выводит результат - даже не нужно переходить в сам поиск. Mail.Ru традиционно разочаровал ссылками на собственные «Ответы».

Посмотрим на работу конвертеров величин. Зададим не самый простой вариант для перевода - микрометры в метры:


Виджет конвертации Google показывает количество метров в одном микрометре как формулу в формате 10 в минус X степени. Виджет «Поиска №1 в России» более понятный - в нем можно задать количество микрометров и получить привычное число с нулями после запятой. Мэйл снова отказывается конвертировать и считать.

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


Поисковик «корпорации добра» грамотно распознал наш запрос и показал калорийность торта в виде таблицы с белками, жирами и углеводами. А вот Яндекс выдал только единственный показатель калорийности, но в следующем запросе показал ссылку с удобным сниппетом, где указаны все ингредиенты торта. Mail.Ru ограничился ссылками.

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


Во всех трех поисковиках первые результаты оккупированы рекламой, но если прокрутить ниже, то в случае с Гуглом вас ждет обычный виджет с картой и списком служб такси, где можно сразу позвонить и заказать машину. В Яндексе есть уникальная фишка - заказ через собственную службу такси без звонка - достаточно забить нужные данные в форму. У Мэйла функционал идентичен Гуглу. Для жителей Москвы также есть приятная функция в российском поисковике - можно записаться ко врачу по ЕМИАС (Единой медицинской информационно-аналитической системы города Москвы):


А что с удобными «фишками» для чтения статей и новостей? В Google есть популярная и удобная система AMP (Accelerated Mobile Pages).

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

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

Немного отойдем от текстового поиска и сравним картиночный. На мобильной версии сайта в Google поиск по картинкам довольно скудный - можно только вбить запрос, а также ранжировать выдачу по дате или отобрать только GIF-анимации. Почти тот же самый функционал нас ждет в Мэйле.

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

Пора подвести итог раздела «Удобство». Практически во всем поиск Mail.Ru проигрывает двум конкурентам. Яндекс зачастую берет чуть более удобными сервисами. Такое чувство, будто все те функции, что мы рассмотрели, в Яндексе доработали чуть получше, но и в Google они работают вполне нормально. По удобству Google и Яндекс можно ставить на одно место.

Кто лучший?

Что имеем в итоге? Сразу же можно сказать, что поисковая система Mail.Ru мало на что годится. Программисты компании хоть и разработали собственный движок и уже несколько лет используют его, но даже свободный можно поставить выше этой отечественной разработки. Сравнивая Google и Яндекс, нужно принимать во внимание, что последний сильно оптимизирует свои сервисы и выдачу под жителей России и других стран СНГ. Скорее всего, именно поэтому Яндекс не любят многие ярые гики и фанаты Google. Тем не менее, для среднестатистического пользователя это лучшее решение, где можно найти любую информацию и даже заказать какие-то услуги.

Если же вам не нужны удобные сервисы, дополнительные «финтифлюжки» и прочие плюшки, то ваш выбор - Google, а еще лучше - DuckDuckGo. Вот только его жителям России не предлагают в окне выбора поиска Chrome.

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

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

Синтаксис заголовка title

Тег располагается внутри тега <head></head> и имеет обязательный закрывающий тег — . Тег заголовка документа TITLE не имеет атрибутов и может использоваться на странице только один раз. Кроме того, элемент не имеет прямого отображения на веб-странице. Чаще всего, заголовок страницы title отображается в верхней части окна браузера. Однако, не только по этому, следует задуматься над тем <b>как оптимизировать заголовок страницы title </b>.</p><p> <head> <title>Заголовок

Значение заголовка </h2><p>Тег <title> имеет ключевое значение на странице и используется в различных целях в качестве заголовка страницы:</p><ul><li><b>Информирование посетителей о содержании страницы </b>. Текст заголовка позволяет посетителю получить информацию о названии страницы, содержимом страницы, названии сайта. Поскольку заголовок страницы отображается на вкладке панели задач браузера, текст заголовка страницы помогает ориентироваться в свернутых страницах. Отсутствие текста может негативно отразится на желании посетителя просматривать страницу.</li><li><b>Сохранение веб-страницы на локальном компьютере </b>. Многие браузеры позволяют сохранять содержимое веб-страниц в виде файла на локальный компьютер. В качестве названия файла при сохранении будет выбран заголовок страницы <title>.</li><li><b>Сохранение страницы в избранное </b>. Современные веб-браузеры позволяют создавать списки предпочитаемых ссылок в специальный раздел «Избранное». При сохранении ссылки страницы в избранное, в качестве нзвания страницы используется содержимое заголовка title. А поскольку ссылки из «Избранного», как правило, хранится в виде отдельных файлов, в качестве названия файлов, так же используется заголовок страницы TITLE.</li><li><b>Заголовок страницы в результатах поиска </b>. Поисковые системы активно используют заголовок страницы для формирования названия ссылки на страницу сайта. Текстовое содержимое тега <title> используется для и вычисления релевантности страницы. Наличие ключевых в заголовке страницы может положительно повлиять на . Соответствие заголовка ключевому запросу и правильная формулировка могут сделать ссылку на сайт более заметной и привлекательной для посетителей, что в свою очередь повысит CTR - (синоним - кликабельность, от англ. click-through rate) и увеличит поисковый трафик на сайте.</li> </ul><h2>Как оптимизировать заголовок страницы тег <title></h2><p><b>Длина заголовка страницы title — 60-100 символов </b>. Подумайте, как будет выглядеть заголовок страницы в результатах поиска или во вкладке браузера. Из-за ограничения длины заголовка страницы, длинное название будет обрезано и что останется в итоге? Будет ли название страницы информативным и привлекательным? <span>Заголовок страницы должен быть коротким </span>. И чем короче будет название страницы, тем с большей вероятностью посетитель прочтет его и зайдет на страницу. Ведь зачастую именно по названию страницы пользователи решают открывать страницу или нет.</p><p>Ограничение длины заголовка делает недопустимым размещение в названии страницы всевозможного информационного мусора вроде: «Главная страница» или «Добро пожаловать!». Заголовок должен состоять из характерных странице ключевых слов, собранных в короткую, читаемую, осмысленную и информативную фразу. Постарайтесь избегать прямых перечеслений ключевых слов. Кроме того, существует ряд символов нежелательных для использования в заголовке страницы: (= / ! ? * »: < > | + _). Не стоит использовать какие-либо символы для «украшения» заголовка страницы. Необходимо избавлять заголовок от всего, что не несет полезной информации о странице.</p><p>Желательно использовать для формирования заголовков на всех страницах сайта общую стиль и структуру построения фраз. Правильнее всего будет размещать целевые ключевые слова ближе к началу заголовка, а менее значимые ключевые слова вконце названия страницы. Зачастую, в заголовках страниц используют названия сайтов и даже контактные данные, например номер телефона. Здесь можно только посоветовать не использовать подобные элементы вначале заголовка. Подобные дублирующиеся части заголовка, скорее всего будут отброшены поисковыми роботами, по этому им лучше оставаться вконце заголовка страницы.</p><p>Однако, яркий и привлекательный заголовок может сыграть злую шутку, если это умышленный или неумышленный обман. Пользователь, открывший сайт, содержимое которого не соответствует названию страницы, скорее всего покинет страницу и вернется к поиску. Возвраение к поиску — это один из параметров и при высоких показателях возврата к поиску, страницы сайта может ждать сничение релевантности и потеря позиций, за несоответствие ключевому запросу.</p><h2>Правильный заголовок страницы</h2><p>Сходу оценить степень <b>эффективность заголовка для SEO оптимизации страницы </b> или повышения конверсии непросто. Однако, существует ряд условий, соблюдение которых позволит избежать ошибок при создании заголовков сайта:</p> <ol><li>Длина заголовка 60-100 символов;</li><li>Размещайте ключевые слова вначле заголовка или ближе к началу;</li><li>Используйте меньше прямых перечислений ключевых слов;</li><li>Краткость, ясность и осмысленность названия страницы;</li><li>Исключайте, по возможности, лишние символы (= / ! ? * »: < > | + _);</li><li>Исключайте повторяющиеся части или оставляйте их вконце заголовка;</li><li>Соблюдайте единообразие в названии страниц;</li><li>Не вводите в заблуждение посетителей, заголовок должен соответствовать содержимому страницы;</li><li>Не используйте редкие, сложные или иносказательные фразы — заголовок должен быть простым и понятным.</li> </ol><p>Соблюдение этих условий — первый шаг на пути к пониманию того, что такое оптимизация заголовков, на которых держится существенная часть поисковой оптимизации контента сайта.</p><p>Добавляйте страницу в избранное, смотрите заголовок. Делитесь вашим мнением в комментарих, задавайте вопросы. Ставьте лайки, рассказывайте друзьям.<br> Обязательно подписывайтесь на обновления блога!</p><p><b>И пишите правильные заголовки! </b></p> <p>Главная страница похожа на фойе. Люди проходят по нему, ищут нужные коридоры и комнаты, возвращаются и уходят вновь. В фойе не задерживаются, но без него никуда. </p><p>В этой статье мы расскажем:</p> <ul><p>Какие функции выполняет главная страница</p> <p>О чем обязательно нужно написать</p> <p>Чем можно дополнить текст</p> <p>В чем отличие между главными страницами сайтов разных типов</p> <p>Как оптимизировать страницу</p> </ul><h2>Главная страница: что это и как с ней взаимодействуют</h2> <p>Для начала немного аналитики.</p> <p>Компания Baymard в 2016 году провела исследование главных страниц e-commerce сайтов. Выяснилось, что 70 % посетителей главной быстро скроллят страницу, чтобы сходу определить ассортимент и предложения сайта.</p> <p>Чек-лист от студии kaplunoff.com </p> <h2>Интернет-магазин</h2> <p>Задача главной страницы интернет-магазина - кратко рассказать об ассортименте и дать доступ в разделы каталога. Лучше всего делать это графически, в виде изображений (например, товаров из этих разделов).</p> <p>Главная страница магазина подарков pichshop.ru </p> <p>Если продаете много товаров - расскажите о категориях и типах товаров в тексте. Делать это нужно кратко и емко, потому что, как мы выяснили, большинство пользователей не вчитывается в текст на главной странице. Тем более в интернет-магазинах - туда приходят покупать, а не читать.<br></p> <p>Описание ассортимента в магазине yarkiysvet.ru </p> <p>Добавьте информацию об акциях, скидках, распродажах, новинках. Конечно, эту часть понадобится регулярно обновлять.</p> <h2>Сайт, предлагающий услуги</h2> <p>На главной сайта услуг размещают краткое описание самих услуг со ссылкой на них, рассказывают про особенности работы, выгоды и преимущества обращения. Задача такого сайта - склонить человека к обращению (звонок, заполнение заявки или формы обратной связи).</p> <p>Компания военного консалтинга РСБ-Групп (rsb-group.ru) говорит о своих преимуществах, принципах работы и четко очерчивает границы </p> <p>Тут же можно указать цены на основные услуги. Цена - один из основных факторов выбора.</p> <h2>Корпоративный сайт</h2> <ul><p>Презентация компании</p> <p>Продвижение бренда, продукции или услуг</p> <p>Привлечение инвесторов и информирование акционеров</p> <p>Привлечение сотрудников</p> <p>Работа над общественным имиджем</p> </ul><p>Обычно наиболее важны 1–2 из этих задач - вот под них и надо писать текст. Если цель - презентация, можно указать основные факты и цифры о компании. Если нужно привлечь инвесторов или партнеров - подойдут описание бизнес-модели или стратегии, диаграммы с финансовыми показателями. А потенциальным сотрудникам будет интересно узнать об открытых вакансиях и рейтинге компании среди работодателей, почитать личные истории работников.</p> <p>Тинькофф Банк объясняет, почему он такой хороший работодатель. Сайт weboffice.tinkoff.ru </p> <h2>Личный сайт</h2> <p>Личный сайт небольшой, поэтому главная страница становится действительно главной. Задача такого сайта - доказать профессионализм владельца и добиться того, чтобы к нему обратились. В этом помогут материалы из раздела «Рассказать о себе» в справочнике Главреда .</p> <p>Если вы фрилансер - вкратце расскажите на главной о себе и своих услугах. Обязательно дайте ссылки на портфолио, отзывы, подробные страницы услуг. То же касается сайтов частных адвокатов, нотариусов, сантехников, психологов, фитнес-тренеров.</p> <p>Сайт адвоката Альберта Ихсанова advokat18.ru. Небольшой рассказ о себе и своих услугах, ссылки на практику - все как надо </p> <h2>Информационный сайт или блог</h2> <p>В блогах, журналах, информационных изданиях статичного текста на главной почти нет. Вместо него - лента последних или самых популярных публикаций, новости. По кратким анонсам публикаций уже понятно, о чем сайт.</p> <p>На сайте «Медузы» главная страница меняется в зависимости от того, что происходит в мире. Издание объясняет : в «тихий день» блок с новостями расположен внизу, а сверху - какой-то большой полезный материал. Если случилось что-то важное - на главной сплошные новости про это событие, сгруппированные по темам.</p> <p>Главная страница meduza.io (в одном из своих состояний) </p> <p>Управляющий редактор Russia Beyond The Headlines Всеволод Пуля утверждает в своем посте , что главная страница должна стать информационной повесткой дня. У читателя должно сформироваться четкое и законченное понимание того, что произошло сегодня в мире.</p> <p>Эти принципы можно перенести и на корпоративный блог или информационный сайт. Выделяйте блок самых полезных материалов и динамические блоки последних записей, сортируйте посты по категориям и рубрикам. Удачно это реализовано на Лайфхакере (lifehacker.ru):</p> <p>Есть и исключения. Вот, например, главная страница Луркоморья.</p> <p>Много текста, зато все важно и по делу (сайт lurkmore.to) </p> <h2>Главная в виде мини-лендинга</h2> <p>Главную страницу сайтов услуг часто делают в виде мини-лендинга с разбивкой по смысловым блокам. То же самое - с сайтами, посвященными одному продукту (те же CRM-системы). Задача главной страницы в таком формате - продать продукт.</p> <p>Первые два блока страницы сайта retailcrm.ru. Интернет-сервисам важно донести суть и плюсы своего продукта уже на главной - у них она почти всегда становится точкой входа </p> <p>Как и в случае с полноценными одностраничниками, тут нужна совместная работа копирайтера, дизайнера, верстальщика и программиста. Нужно провести маркетинговый анализ, продумать структуру и написать продающий текст.</p> <p>Сайты с мини-лендинговыми главными неплохо продвигаются в поиске, если их правильно оптимизировать.</p> <h2>SEO для главной</h2> <p>Обычно главную продвигают по наиболее частотным ключам семантического ядра. Следите, чтобы не было конфликта запросов - не продвигайте главную по ключу «купить пылесос самсунг», если у вас есть отдельный раздел для этих пылесосов. Иначе будет путаница, а поисковики не поймут, какая из страниц релевантна запросу.</p> <p>Главная страница часто участвует в перелинковке (перелинковка - связь страниц сайта с помощью внутренних ссылок). Ссылки на главной странице имеют наибольший вес. Можно сделать упор на самых важных товарах или услугах, чтобы было проще продвинуть соответствующие им страницы.</p> <p>В остальном требования по SEO стандартны. Не вставляйте в текст неестественные ключи («бетонный блок москва купить»), избегайте переоптимизации и пишите о том, что будет полезно читателю. Помните, что у Яндекса появился алгоритм «Баден-Баден» . Он распознаёт пустые тексты «под SEO», а сайты с такими текстами понижает в выдаче. Если все содержание можно уместить в два абзаца, пусть так и будет.<br></p> <p>Это пустой текст - написан просто чтобы был. Сайт alltime.ru </p> <p>С другой стороны, главную вообще без ключевых слов поднять в поиске трудно. Поэтому часто делают так: наверх помещают важное и нужное (категории товаров, новости, разные динамические блоки), а в самом низу пишут текст для поисковиков. Решение спорное: у кого-то работает, у кого-то нет.</p> <p>На главной странице vamsvet.ru до текста надо прокрутить 3 экрана </p> <h2>Что в итоге</h2> <p>Текст на главной странице должен выполнять основную задачу сайта и направлять посетителя. У разных сайтов разные задачи. Интернет-магазин должен продавать товары, блог или инфосайт - превращать посетителя в постоянного читателя, корпоративный портал - информировать клиентов, привлекать партнеров, инвесторов или сотрудников.</p> <ul><p>Расскажите, кто вы, где вы находитесь, что предлагаете и почему посетителю нужно совершить целевое действие (позвонить, оставить заявку, подписаться на обновления блога и т.д.)</p> <p>Ответьте на главные вопросы посетителей и отработайте возражения, расскажите о своих гарантиях, если они есть</p> <p>Если это возможно - дополните текст кейсами, укажите своих клиентов</p> <p>Разбавляйте текст подходящими изображениями, роликами и презентациями</p> <p>Не пишите пустые SEO-тексты ни о чем - Баден-Баден не пустит их в топ поиска.</p> </ul><p>Но даже в большом руководстве всего не учесть. Может быть, вы и сами можете рассказать читателям о необычных решениях для главной страницы? Пишите в комментарии - а самые интересные и полезные ответы мы добавим в статью.</p> <br>Теги: | | | <p> <br><img src='https://i1.wp.com/static.wixstatic.com/media/72c0b2_58ee0e17e877406498b2f6edfc0c4ee5~mv2.jpg/v1/fit/w_511,h_292,al_c,q_80/file.png' width="100%" loading=lazy></p> <p>Главная страница – это цифровая визитка вашего сайта, которой вы встречаете посетителей. Тут не обойтись просто хорошим дизайном; если вы хотите, чтобы к вам стекались толпы, – вы должны создать страницу, которая могла бы чётко передать суть вашего сайта «одним махом». Вот основные правила, которых стоит придерживаться, чтобы создать главную страницу, способную привлечь внимание пользователей с самого первого момента.</p> <h3>Структура</h3> <h3></h3> <p>Структура главной страницы должна быть простой и не содержать ничего лишнего. Не перегружайте пользователей слишком большим количеством информации и картинок. Вы скорей продемонстрируете свой профессионализм и организованность, если подадите контент сайта в аккуратном и хорошо продуманном виде.</p> <p><b>Можно: </b> выберите структуру, которая будет понятна и легка в использовании. Поместите самый важный контент и изображения в верхнюю часть страницы, куда обязательно упадет взгляд пользователя. Искренне рекомендуем включить три элемента: логотип, название бренда (или ваше имя) и род деятельности, он же - вид услуг, которые вы предоставляете.</p> <p><b>Нельзя: </b> не захламляйте главную страницу слишком большим количеством изображений, иконок, клипартов, баннеров и бесконечным текстом. Посетитель не должен терять много времени на поиск интересующей его информации.</p> <p> <img src='https://i0.wp.com/static.wixstatic.com/media/72c0b2_b180999da0e14856a05d02039987464c~mv2.jpg/v1/fit/w_300,h_300,al_c,q_80/file.jpg' height="132" width="300" loading=lazy><br><img src='https://i1.wp.com/static.wixstatic.com/media/72c0b2_b180999da0e14856a05d02039987464c~mv2.jpg/v1/fit/w_650,h_287,al_c,q_80/file.png' width="100%" loading=lazy></p> <h3>Изображения</h3> <h3></h3> <p>Одна картинка лучше тысячи слов, так ведь? Когда речь идет о главной странице вашего сайта, эти слова безусловно верны. Фотографии могут прекрасно рассказать посетителям о вас и вашем проекте. Если у вас нет возможности использовать снимки высокого качества, можно подобрать что-то из коллекции Wix, где собраны только профессиональные фотографии. Просто следуйте следующей схеме: перейдите в редактор Wix → Добавить → Фото. Вы также можете воспользоваться или встроенным в редактор источником . Хорошая фотография может заменить множество строк текста – используйте это себе на руку.</p> <p><b>Можно: </b> используйте фотографии высокого качества, которые вызовут у пользователей желание продолжить изучение вашего сайта. Ничто не демонстрирует непрофессионализм так явно, как некачественные снимки.</p> <p><b>Нельзя: </b> совсем не обязательно выставлять на показ все фотографии, которые у вас есть. Пары хороших снимков будет достаточно.</p> <p> <img src='https://i1.wp.com/static.wixstatic.com/media/72c0b2_648209896adf4bd29c95a2d81370c3a3~mv2.jpg/v1/fit/w_300,h_300,al_c,q_80/file.jpg' height="132" width="300" loading=lazy><br><img src='https://i2.wp.com/static.wixstatic.com/media/72c0b2_648209896adf4bd29c95a2d81370c3a3~mv2.jpg/v1/fit/w_650,h_287,al_c,q_80/file.png' width="100%" loading=lazy></p> <h3>Цвета и фон</h3> <h3></h3> <p>Эти простые, но в то же время важные элементы задают тон вашей домашней странице, равно как и всему сайту. Учитывая это, вам стоит как следует поразмыслить над их выбором. Редактор Wix облегчает эту задачу, предоставляя вам сотни прекрасных фонов и цветовых палитр. Вы можете попробовать каждую из них, чтобы посмотреть, которая больше подходит вашему сайту, или создать свою цветовую схему. Вы также можете загрузить свое изображение (или даже видео!) и установить его как фоновое для вашего сайта.</p> <p><b>Можно: </b> используйте цветовую схему и фон, которые , чтобы укрепить ваш бренд.</p> <p><b>Нельзя: </b> избегайте использования слишком большого количества разных цветов и не используйте фон, который перетягивал бы на себя внимание с основных иллюстраций и текста.</p> <p> <img src='https://i1.wp.com/static.wixstatic.com/media/72c0b2_c9735268d06c4de3bcd82c29b53a9398~mv2.jpg/v1/fit/w_300,h_300,al_c,q_80/file.jpg' height="132" width="300" loading=lazy><br><img src='https://i2.wp.com/static.wixstatic.com/media/72c0b2_c9735268d06c4de3bcd82c29b53a9398~mv2.jpg/v1/fit/w_650,h_287,al_c,q_80/file.png' width="100%" loading=lazy></p> <h3>Кнопки</h3> <h3></h3> <p>Не на каждой главной странице должны быть кнопки, но если вы собираетесь использовать их, делайте это правильно. Кнопки с ведут на другие страницы, сайты, промо-акции, продуктовые каталоги и т.д. Если ваша задача убедить пользователей кликнуть по кнопке и совершить переход, вы должны уметь вызвать у них это желание.</p> <p>У вас не будет второго шанса произвести первое впечатление второй раз. Вот почему главная страница — одна из самых важных страниц вашего сайта. Если новому посетителю не нравится то, что он видит, не сомневайтесь, что он нажмет кнопку «Назад». Многие пользователи до сих пор судят о книге по обложке.</p><p>Что делает главную страницу привлекательной? Как получить высокую конверсию и низкий коэффициент отказов? Как оформить главную страницу блога? Каковы удачные примеры текстов о компании? В этой статье вы найдете ответы на эти вопросы.</p><p>На любой главной странице должны быть следующие элементы:</p><ul><li>Ясный ответ на вопросы пользователя: «Кто вы?», «Что вы предлагаете?» и/или «Что я могу сделать здесь?». Ваша компания ​​должна ответить на эти вопросы так, чтобы каждый посетитель понял, что оказался в нужном месте. Если пользователи в течение нескольких секунд не смогут найти ответ на поставленные вопросы, следующий их шаг — это отказ!</li><li>Резонанс с целевой аудиторией. Главная страница должна говорить с целевой аудиторией на ее языке. Старайтесь избегать «корпоративной абракадабры» и устраните все лишнее и отвлекающее.</li><li>Ценное предложение. Заголовок и еще раз заголовок! Выразите смысл своего товара или услуги в одном предложении так, чтобы у пользователей не возникло желания поискать что-то получше у ваших конкурентов. Решение проблемы — вот о чем необходимо писать; не нужно перечислять технические составляющие оффера.</li><li>Юзабилити. Все страницы, показанные ниже, очень удобны: на них легко ориентироваться, на них нет «кричащих» объектов, например, флэш-баннеров, анимаций или других чрезмерно сложных и ненужных элементов. Многие также оптимизированы для мобильных устройств, что очень важно в современном веб-маркетинге.</li><li>Призыв к действию (). На каждой из 15 примеров главной страницы эффективно использованы первичный и вторичный СТА-элементы. Они направляют посетителей к следующему шагу. Например, «Бесплатная пробная версия», «Купить сейчас» или «Подробнее». Помните, что цель главной страницы — удержать посетителей на вашем сайте и провести их до конца воронки конверсии.</li><li>Общий дизайн. Хорошо продуманная страница — залог успеха в воспитании лояльности пользователей к бренду, настройке связи с целевой аудиторией и продвижении пользователей в воронке конверсии.</li><li>Не останавливайтесь на достигнутом. Если вас устраивает коэффициент конверсии вашего ресурса, знайте, что его можно увеличить на 10-50% с помощью несложного сплит-теста главной страницы.</li> </ul><h3></h3><p>Этот пример главной страницы сайта html гениален, потому что:</p><ul><li>Удачно использовано сочетание цветов и эффективно расставлены СТА-элементы.</li><li>Очень заманчивый текст на СТА-элементе: «Попробуйте бесплатно в течение 30 дней».</li><li>Эффектный подзаголовок: «Для более 5 миллионов людей, использующих FreshBooks, финансовая отчетность теперь не проблема». Это заявление привлекательно для целевой аудитории, потому что освоение бухгалтерского программного обеспечения, как правило, мучительно сложно для фрилансеров и владельцев малого бизнеса.</li> </ul><p><b>2. Золотая семерка: lp пример с удачным оформлением отзывов </b></p><p><img src='https://i1.wp.com/media.lpgenerator.ru/uploads/2016/06/02/image06_.jpg' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Лаконичный дизайн сочетается с убедительным заголовком и подзаголовком.</li><li>Общую концепцию отлично поддерживает призыв к действию "Наслаждаться уютом" и красивая фотография, создающая теплую и спокойную атмосферу.</li><li>Стоит отдельно отметить на этой главной странице оформление отзывов. Наличие не только фотографий и имен реальных клиентов, но и карточек, на которых эти отзывы были написаны изначально, делает их особенно достоверными. Если вы думаете, как разместить отзывы на главной странице, пример этого сайта достоен подражания.</li> </ul><h3><br><img src='https://i1.wp.com/media.lpgenerator.ru/uploads/2016/06/02/image05__.png' width="100%" loading=lazy></h3><h3>3. CloudPassage: видео на главной странице </h3><p><img src='https://i2.wp.com/media.lpgenerator.ru/uploads/2013/01/08/4.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Четкий и чистый дизайн страницы. Текстовый контент, точно передающий суть деятельности CloudPassage. Вот как на главной странице сайте разместить вместо фото презентацию или видео, закрепляя послание (месседж, message) с его помощью.</li><li>Только один направляющий призыв к действию. Чтобы у пользователей не оставалось сомнений, ниже указаны два сообщения: «Без кредитных карт», «Без обязательств».</li> </ul><h3>4. Box</h3><p><img src='https://i0.wp.com/media.lpgenerator.ru/uploads/2013/01/08/5.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Домашняя страница Box является отличным примером того, как красиво разместить на главной странице информацию, используя силу визуальных эффектов и текстового контента. Простой, но сильный заголовок.</li><li>На главной странице отлично смотрятся логотипы заказчиков с надписью «Более 140,000 компаний используют Box», доказывающие популярность бренда.</li><li>Дополнительное доверие вызывают размещенные на видном месте контакты для сайта. Пример Box содержит хорошо заметный номер телефона вверху страницы.</li> </ul><p><b>5. Aweber: пример хорошей текстовой страницы </b></p><p><img src='https://i0.wp.com/media.lpgenerator.ru/uploads/2016/06/02/image03.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Текстовая страница с сильным заголовком «7 причин подписаться на рассылку бесплатных советов по емейл-маркетингу» сообщает посетителю о множестве бонусов и предъявляет социальные доказательства.</li><li>Данная страница повысила процент подписок на рассылку на 321%.</li> </ul><p><img src='https://i1.wp.com/media.lpgenerator.ru/uploads/2016/06/02/image16.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Оригинальная и забавная графика наглядно демонстрирует, на что способны специалисты этой компании.</li><li>Цифры и краткий, но емкий список преимуществ выглядят очень убедительно.</li><li>Красивая интеграция меню с иконками. Значки главной страницы для сайта, разделов «О нас», «Примеры работ» и «Цены» вызывают улыбку и запоминаются.</li> </ul><p><b>7. Evernote.com: пример страниц описания сайта </b></p><p><img src='https://i0.wp.com/media.lpgenerator.ru/uploads/2013/01/08/8.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Заголовок страницы Evernote «Помни все» наверняка оказался бы победителем в номинации «Все гениальное - просто».</li><li>На этой странице видны три простых предложения, которые буквально «выскакивают» на зеленом фоне.</li><li>При просмотре страницы взгляд невольно останавливается на кнопке призыва к действию: «Попробуй Evernote бесплатно».</li> </ul><h3></h3><p><img src='https://i0.wp.com/media.lpgenerator.ru/uploads/2013/01/08/9.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>С первого взгляда ясно, о чем этот сайт. И хотя большинство посетителей наверняка знает, что делать в случае блокировки телефона, на этой странице есть небольшое описание решения этой проблемы.</li><li>Эффект главной страницы построен на контрасте цветов и силе элементов доказательства. Например, «Доверие миллионов: разблокировано более 4 млн. телефонов».</li><li>Короткая лид-форма, размещенная непосредственно на странице вместо кнопки призыва к действию, избавляет пользователей от необходимости перехода и ожидания загрузки для сайта — пример правильного оформления.</li> </ul><p><b>9. Tribal Media: образец для панорамы на главной странице </b></p><p><img src='https://i2.wp.com/media.lpgenerator.ru/uploads/2016/06/02/image10_.jpg' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Впечатляющая городская панорама в хедере главной страницы привлекает максимум внимания. Как сделать картинку для главной страницы сайта? Вы не прогадаете, если последуете примеру Tribal Media.</li><li>Сила заголовка — в отсутствии лишних слов.</li> </ul><h3></h3><p><img src='https://i1.wp.com/media.lpgenerator.ru/uploads/2013/01/08/11.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Главная страница включает в себя только самые необходимые элементы и ничего лишнего.</li><li>Отличный заголовок и убедительный призыв к действию, который уменьшает сомнения благодаря тексту: «Создайте свой ​​бесплатный свадебный сайт за 5 минут». Простой нтмл 5. Пример кода главной страницы будет предоставлен клиенту.</li> </ul><p><b>11. Basecamp: сайт с удачной лид-формой </b></p><p><img src='https://i0.wp.com/media.lpgenerator.ru/uploads/2013/01/08/12.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>В течение долгого времени страницы Basecamp были просто удивительными. Их отличительная черта - всегда эффектный заголовок и фото клиентов.</li><li>Как оформить главную страницу в блоге или на сайте так, чтобы получить как можно больше подписчиков? Разместите непосредственно на ней лид-форму для регистрации, избавляя пользователей от лишних действий, экономя их время и не рассеивая их внимание.</li> </ul><p><b>12. Eventbrite: новость на главной странице </b></p><p><img src='https://i1.wp.com/media.lpgenerator.ru/uploads/2013/01/08/13.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Заголовок на главной странице «Если что-то происходит, здесь вы об этом узнаете» работает потому, что любопытство всегда двигало деятельностью людей.</li><li>Интересный подзаголовок. В нем пользователям предлагают либо просмотреть тысячи событий, либо создать собственное событие и продавать на него билеты.</li><li>Яркое праздничное фото, лаконичный дизайн, новости на главной странице, повествующие о грядущих интересных событиях, усиливают эффект.</li> </ul><p><b>13. GoodData: удачная картинка на главной странице сайта </b></p><p><img src='https://i0.wp.com/media.lpgenerator.ru/uploads/2013/01/08/14.png' width="100%" loading=lazy></p><p>Это гениально, потому что:</p><ul><li>Главная страница оформлена, мягко говоря, нестандартным способом, но это только одна из многих причин, по которой ее можно назвать блестящей.</li> <img src='https://i1.wp.com/static.lpgenerator.ru/media/css/images/new_logo_white.png' height="110" width="368" loading=lazy></ul> <br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> <dblock></dblock> <dblock></dblock> <dblock></dblock> <dblock></dblock> </article> </div> </div> <div id="sidebar"> <aside> <div class="inner"> <div> <div class="xyz_wrapper"> <div> </div> </div> <div> </div> </div> </div> </aside> </div> </div> </div> <script type="text/javascript" src="/assets/like.js"></script> </main> <div id="slide-menu"> <div id="slide-menu"> <div class="menu-content"> <div class="slide-menu-close" id="slide-menu-close" title="Закрыть"></div> <dblock></dblock> <ul> <li><span class="link" onclick="go('/category/beeline/')"><i class=""></i> Beeline</span></li> <li><span class="link" onclick="go('/category/internet/')"><i class=""></i> Интернет</span></li> <li><span class="link" onclick="go('/category/tele2/')"><i class=""></i> Tele2</span></li> <li><span class="link" onclick="go('/category/useful/')"><i class=""></i> Полезное</span></li> <li><span class="link" onclick="go('/category/ip-telephony/')"><i class=""></i> IP-Телефония</span></li> <li><span class="link" onclick="go('/category/iota/')"><i class=""></i> Йота</span></li> <li><span class="link" onclick="go('/category/mts/')"><i class=""></i> Mts</span></li> <li><span class="link" onclick="go('/category/megafon/')"><i class=""></i> Megafon</span></li> </ul> <ul> <li><a href="/feedback.html">Контакты</a></li> <li><a href="">Реклама</a></li> <li><a href="">О сайте</a></li> </ul> </div> </div> </div> <div id="slide-search"> <div class="search-content"> <div class="search-form-close" id="slide-search-close" title="Закрыть"></div> <div class="search-form-header"><img src="/assets/vsadu-icon-gray.svg" alt="Портал о мобильных операторах" onerror="this.src='/ui/vsadu-icon-gray.png'" style="height: 45px" loading=lazy> Поиск</div> <form style="position: relative" action="/search" method="get" autocomplete="off"> <input type="text" class="m-seach-field" name="q" placeholder="поиск по сайту" value="" /> <div> <dblock></dblock> </div> <div class="desktop_screen" style="position: absolute;right: 9px;top: 9px;"> <input type="submit" class="button yellow big" value="Найти" /> </div> </form> </div> </div> <script type="text/javascript" src="/assets/slide-menu.3.js"></script> <script type="text/javascript" src="/assets/sticky.min.js"></script> <script type="text/javascript" src="/assets/jquery.lazyload.min.js"></script> <script type="text/javascript" src="/assets/jquery-ui.min.js"></script> <script type="text/javascript" src="/assets/JsHttpRequest.js"></script> <script type="text/javascript" src="/assets/Request.js"></script> <div class="white_section"> <div> <div class="desktop_screen" style="padding: 15px 0;background:#f6f8f2;"> <dblock></dblock> </div> </div> </div> <footer> <div class="footer"> <dblock></dblock> <div class="silver_section"> <div class="content"><div class="inner"> <div class="section group" style="text-align: center"> <div class="col span_1_of_3"> <div style="font-size: 16px; vertical-align: middle; line-height: 45px;"><i class="fa fa-envelope-o"></i> cena5.ru - Портал о мобильных операторах</div> </div> <div class="col span_1_of_3"> </div> <div class="col span_1_of_3"> <a target="_blank" href="https://connect.ok.ru/offer?url=https://cena5.ru/pochemu-my-na-glavnoi-stranice-gde-razmeshchat-seo-tekst-ot-chego-srazu-i.html"><img class="soc" alt="Портал о мобильных операторах Одноклассники" src="/assets/ok.svg" onerror="this.src='/ui/icons/ok.png'" loading=lazy></a> <a target="_blank" href="https://vk.com/share.php?url=https://cena5.ru/pochemu-my-na-glavnoi-stranice-gde-razmeshchat-seo-tekst-ot-chego-srazu-i.html"><img class="soc" alt="Портал о мобильных операторах ВКонтакте" src="/assets/vk.svg" onerror="this.src='/ui/icons/vk.png'" loading=lazy></a> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://cena5.ru/pochemu-my-na-glavnoi-stranice-gde-razmeshchat-seo-tekst-ot-chego-srazu-i.html"><img class="soc" alt="Портал о мобильных операторах Facebook" src="/assets/fb.svg" onerror="this.src='/ui/icons/fb.png'" loading=lazy></a> <a target="_blank" href="https://www.twitter.com/share?url=https://cena5.ru/pochemu-my-na-glavnoi-stranice-gde-razmeshchat-seo-tekst-ot-chego-srazu-i.html"><img class="soc" alt="Портал о мобильных операторах Twitter" src="/assets/tw.svg" onerror="this.src='/ui/icons/tw.png'" loading=lazy></a> <a target="_blank" href=""><img class="soc" alt="Портал о мобильных операторах Google+" src="/assets/g+.svg" onerror="this.src='/ui/icons/g+.png'" loading=lazy></a> <a target="_blank" href=""><img class="soc" alt="Портал о мобильных операторах Pinterest" src="/assets/pin.svg" onerror="this.src='/ui/icons/pin.png'" loading=lazy></a> <div class="soc-caption">Портал о мобильных операторах в социальных сетях</div> </div> </div> </div></div> </div> <div class="content desktop_screen" style="overflow: inherit; margin-top: 20px"><div class="inner"> <div class="section group"> <div class="col span_2_of_5"> <div class="share-widget"> <script src="https://yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="https://yastatic.net/share2/share.js" async="async"></script> <div class="ya-share2" data-services="collections,vkontakte,gplus,odnoklassniki,facebook,moimir,twitter,pinterest,lj,viber,whatsapp,pocket" data-url="https://cena5.ru" data-counter="true" data-limit="6"></div> </div> </div> <div class="col span_3_of_5" style="text-align: center;"> <a class="section_link" href="/feedback.html">Контакты</a> <a class="section_link" href="" style="color: #ff4500 !important;">Реклама</a> <a class="section_link" href="">Вакансии</a> <script> document.write('<a class="section_link" href="mailto:info' + '@cena5.ru">Написать нам</a>') </script> </div> </div> </div> </div> <dblock></dblock> <div class="content"> <div class="inner"> <p style="margin: 20px 0">Copyright © «cena5.ru» 2024 Копирование и видоизменение материалов сайта возможно только после письменного согласия правообладателей. <br /> Статьи защищены законом об авторских и смежных правах, при цитирование материалов проекта «cena5.ru» <span style="text-decoration: underline">прямая открытая ссылка</span> на <strong>cena5.ru</strong> обязательна. <br /> Все права защищены.</p> <dblock></dblock> </div> </div> </div> </footer> <script src="/assets/init.3.js"></script> <div class="push-popup"> <img src="/assets/vsadu-icon.png" style="float: left; margin-right: 10px; margin-bottom: 70px" / loading=lazy> Мы можем оповещать вас о новых статьях,<br /> чтобы вы всегда были в курсе самого интересного. <br /><br /> <button class="button blue uppercase push-button" style="margin-bottom: 10px">Продолжить</button> <button class="button blue-text uppercase push-cancel" style="margin-bottom: 10px">Нет, спасибо</button> </div> <script src="/assets/init.1.js"></script> <div id="p-b"> </div> <style> #yinfo-badge .yinfo-links, #yinfo-badge .yinfo-report { display: none !important } ::shadow .yinfo-links, ::shadow .yinfo-report { display: none !important } </style> <div class="page-top-button wide_desktop_screen hidden"> <div class="page-top-sec"> <a href="/" title="Главная Портал о мобильных операторах"><i class="fa fa-home gray" style="font-size: 32px"></i></a> </div> <div class="page-top-sec"> <a href="" title="О сайте"><i class="fa fa-calendar green" style="font-size: 32px"></i></a> </div> <div class="page-top-sec"> <a title="Связаться с нами" href="/feedback.html"><i class="fa fa fa-commenting-o" style="font-size: 32px; color:#ff4500"></i></a> </div> </div> </body> </html>