Статьи

Статьи о создании сайтов, интернет проектах, интернет-магазинах, контекстной рекламе.

Статьи

Мобильный сайт, адаптивный сайт или мобильное приложение

ОБУЧЕНИЕ ПРАКТИКЕ СЕМИЛУЧЬЯ

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

[space height=»30″]

Адаптивный сайт

[space height=»10″]Для разработки адаптивного сайта используются современные технологии верстки, которые позволяют менять структуру блоков, их размеры и другие параметры в зависимости от параметров устройства просмотра. Например, если мы используем простой смартфон с разрешением экрана 800х600 пикселей, блоки сайта будут показываться в один столбец, а на экране с разрешением 1920х1080 сайт будет иметь три колонки. Такого рода трансформации должны планироваться заранее на стадии дизайна.
Таким образом, адаптивный сайт может покрывать потребности всех пользователей, с полным спектром используемых устройств. Однако, при наличии существующего обычного сайта, процесс перевода на адаптивную верстку будет довольно трудоемким. Можно сказать, что это будет полноценный редизайн сайта. Также адаптивная верстка может потребовать введения ограничений на внешний вид сайта, он изменится. Подведем итог.

Плюсы:

один сайт на все устройства — полная идентичность функционала, наполнения;
неплохая защищенность на будущие поколения устройств или необычных моделей.

Минусы:

требует переработки сайта;
повышенные требования к дизайну (несколько шаблонов для различных устройств);
не позволяет полностью реализовать уникальные особенности мобильных устройств.

[space height=»30″]

Мобильная версия сайта

[space height=»10″]В этом сценарии как правило уже есть обычная версия сайта, не адаптированная для мобильных пользователей. Создается отдельный сайт, специально спроектированный для удовлетворения требований мобильных пользователей. При этом функциональность мобильного сайта может отличаться от основного. Технологически переход на этот сайт может производиться автоматически при определении мобильного устройства или вручную, так как сайт находится на отдельном доменном имени. В случае, если мобильному пользователю требуется основной сайт, у него остается возможность воспользоваться им.
Создание мобильной версии дает определенную свободу разработчикам при выборе его внешнего вида и функциональности. Для качественной разработки мобильной версии необходимо составить несколько сценариев её возможного использования. В этих сценариях нужно указывать контекст: где находится пользователь, какой уровень внимания он уделяет сайту, какие устройства ввода доступны, имеется ли стабильная связь и т. д. Исходя из этих сценариев определяется функциональность сайта и его наполнение. Также заранее стоит определить круг мобильных устройств, на которых должно производиться тестирования мобильного сайта. Здесь возможны два подхода: наиболее популярные в нужном регионе или максимальное покрытие всех возможных устройств.

Плюсы:

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

Минусы:

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

[space height=»30″]

Мобильное приложение

[space height=»10″]Другим решением той же задачи может быть создание специализированного мобильного приложения. Несмотря на название «приложение», задача решается та же — предоставления сервиса или контента пользователю с мобильным устройством. Более того, за мобильным приложением скорее всего будет действовать веб-приложение, но не в виде веб-интерфейса (сайта), а в виде API или источника данных (backend). Пользователи мобильных устройств привыкли использовать приложения для решения своих задач: в стандартной поставке любого гаджета есть десяток-другой стандартных приложений. Проанализировав набор этих приложений, можно понять, что большинство крупных веб-компаний разрабатывают для своих проектов мобильные приложения под лидирующие платформы. При этом ясно, что у этих компаний есть ресурсы на реализацию любого варианта «мобилизации» своих сервисов, а выбирают они именно приложения. Чтобы определиться с необходимостью создания мобильного приложения приведем основные достоинства и недостатки решения.

Плюсы:

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

Минусы:

для использования необходима установка приложения (проблема для невысокой начальной лояльности аудитории);
требуется разработка отдельного приложения под каждую платформу и оптимизация под отдельные классы устройств;
увеличение затрат времени на выпуск сервиса: необходимость прохождения модерации в официальных «сторах» (каталогах приложений — Play Market, AppStore).

Статьи

Типы внутренней перелинковки

1. Контекстные ссылки — ссылки, которые находятся в тексте страницы. При добавлении новых страниц на свой сайт, не забывайте вставлять 1-2 ссылки на приоритетные страницы по нужным ключевым словам.
[space height=»10″]
2. Навигационные ссылки — ссылки, которые позволяют сориентироваться в большом тексте. Например, когда человек попадает в неизвестное место, ему хочется увидеть перед собой план или карту, чтобы определиться, куда идти. Точно также, попадая на новую страницу в Интернете, не хочется порой смотреть длинную портянку, а хочется поскорее найти ответ на свой вопрос. Для этого и служат навигационные ссылки на сайте — они размещаются перед текстом. Ярким примером навигационных ссылок может служить Википедия. В каждой статье есть содержание, которое позволяет легко ориентироваться на странице и быстро найти нужный материал.
[space height=»10″]
3. Сквозные ссылки — блоки ссылок, которые повторяются на всех (или в группах) страниц сайта. Самый простой пример сквозных ссылок — меню. Для поисковика это одни из самых значимых ссылок на сайте. Желательно, чтобы в анкоре сквозных ссылок упоминались слова из приоритетных ключевых слов. Такие ссылки не сравнятся ни с первым, ни со вторым типом ссылок — они более весомы и значимы для поискового робота.
[space height=»10″]
4. Полезные ссылки для пользователей — блоки ссылок, которые размещают после основного текста. Обычно такие блоки называют, например, Полезная информация, Популярные товары и т.п. Такие ссылки косвенно, но положительно влияют на пользовательские факторы, а, следовательно, и на позиции ресурса.

Статьи

SEO чек-лист Simple

1. Анализ возможностей сайта

Создайте XML карту сайта и загрузите её в корневой каталог своего сайта. Убедитесь, что навигационная структура сайта доступна для поисковых роботов.
Убедитесь, что важная текстовая информация не находится в неиндексируемых блоках (Adobe Flash Player, JavaScript, Ajax)
Обеспечьте дублирование информации, отраженной в картинках, видео и flash-роликах в текстовом виде, если пользователь отключает графику.
Настройте генерацию URL (адресов страниц) по принципу ЧПУ (человеко-понятный урл) с добавлением ключевого запроса к адресу страницы.
Создайте файл robots.txt и поместите в корневой каталог своего сайта.
[space height=»10″]
2. Структура сайта для поисковой оптимизации

Вложенность страниц должна соответствовать логической иерархии. (Шкаф-ящик-папка-файл-документ)
Внутренние страницы должны быть связаны между собой ссылками.
URL (адрес страницы) не должен содержать посторонних параметров (сессий, слежение, idd и т.д.), где это возможно.
Создание и HTML и XML карты сайта для людей и поисковых систем.
Убедитесь, что JavaScript, Adobe Flash Player, и картинки не содержат ссылки на важные страницы, а если содержат, то их необходимо дублировать в тексте.
[space height=»10″]
3. Оптимизация страницы сайта

Внутри тэга head:

Заголовки (title) должны быть уникальными, и быть не более 60 символов.
Описание (description) должно быть уникальным, соответствующим содержимому страницы, грамматически правильныv, и не более 160 символов.
Должен быть только один заголовок и одно описание на странице на сайте.

Внутри тэга body :

Должен быть только один заголовок текста (H1), соответствующий содержимому текста. Заголовок должен содержать ключевой запрос.
ALT теги (альтернативный текст для картинки) должны быть прописаны для всех, связанных с текстом изображений. Они должны содержать описание, которое объясняет, что изображено на картинке и содержать ключевые слова.
Убедитесь, ключевое слово употреблено в пределах фактического содержания страницы
Если в тексте употребляете ключевые фразы, которым посвящена другая страница, то необходимо делать с такой фразы ссылку на нужную страницу.
[space height=»10″]
4. Контент

Составляйте текст, используя заранее подобранные ключевые фразы, чтобы текст отвечал на запросы, которые делает пользователь.
Текст должен быть интересным, читабельным, содержать изображения, графики, таблицы, видео и т.п.
Контент нужно постоянно добавлять и обновлять.
Текст должен быть уникальным и не повторяться на других сайтах.
Используйте 301 редирект для переадресации на новые страницы, когда контент был перемещен или удален.
Используйте страницы 404 ошибок, чтобы помочь очистить старые страницы из индекса поисковой системы.
[space height=»10″]
5. Ссылки

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

Статьи

Внутренняя оптимизация сайта

1. Установка ЧПУ на сайте полезна не только для поисковых систем, но и обычных посетителей. Этот процесс подразумевает создание «красивых» и понятных для человека ссылок вместе с употреблением различных параметров и переменных в адресе.

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

— Ручная перелинковка с помощью проставление ссылок в статьях на другие страницы сайта.

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

— Меню хлебные крошки – как дополнительный элемент навигации на сайте.

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

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

4. Картa сайта. Можно сказать, что здесь есть 2 подпункта – карта сайта для поисковых систем, а также страница карты сайта на самом проекте. В обеих случаях карта сайта ускоряет индексацию страниц интернет проекта, XML Sitemap можно даже загрузить в инструменты вебмастера Google и Яндекса.

5. Robots.txt – файл, который указывает поисковыми системам какие страницы сайта запрещены к индексации. Как правило, туда добавляются разные системные каталоги. Также в Robots.txt есть директива Hots, которой можно определить для яндекса основной домен сайта (без www или с www), а также указать ссылку на XML Sitemap. Файл располагается в корневой директории сайта и автоматически считывается поисковиками.

6. Последний момент – 301 редирект. С его помощью можно сделать многое, но для нового сайта вы просто должны определить какое доменное имя будет главным (без www или с www), а со второго делается редирект на основное.

7. Запрет индексации. Неправильно составленный файл robots.txt (или метатеги robots на страницах) могут помешать поисковикам заносить в индекс страницы, которые вы хотите продвигать. А если страницы нет в индексе, то продвижение абсолютно бесполезно. Ваш SEO-специалист посмотрит файл и откроет то, что нужно.

8. Открытый доступ к разделам для администраторов. Противоположная проблема – открытые для просмотра и индексации админские разделы, формы логина и так далее. Все они должны быть не только закрыты от индексирования, но и запрещены к отдаче веб-сервером (кроме формы логина, ее нужно просто запретить для индексации).

9. Неправильный HTML-код. Незакрытые теги, размещенный за пределами тега <html> контент, скрытый текст, использование больше одного заголовка H1 на страницу и так далее – все эти незаметные живому посетителю недостатки могут сильно навредить восприятию сайта поисковой системой. Аккуратный и валидный код – залог беспроблемной индексации и положительного отношения поисковой системы.

10. Неправильно настроенная CMS. Многие системы управления контентом при неграмотной настройке склонны к не слишком дружественному к поисковым системам поведению. Например, часто возникает внутреннее дублирование страниц (когда одна страница доступна по двум-трем разным адресам – с закрывающим / и без, с .html и без, как версия для печати и так далее). Это необходимо пресекать на уровне настройки самой системы управления контентом и веб-сервера. Также необходимо сделать недоступными для поисковых роботов страницы с результатами поиска по сайту и все прочие служебные элементы. Важно также заставить поисковую систему выдавать ЧПУ (человекупонятные URL, они же SEF URL – search engines friendly URL). Такие адреса страниц не только помогают пользователям ориентироваться на сайте, но и, что более важно с точки зрения SEO, могут содержать транслитерированные ключевые слова, что повышает релевантность страницы по ним.

11. Зарегистрироваться в сервисах для вебмастеров Яндекса и Google.

12. Грамотная внутренняя перелинковка очень важна для ускорения индексации сайта. Все страницы должны иметь 2-3 ссылки на главную. Сделайте дополнительные ссылки на основные разделы меню на всех страницах сайта.

13. Правило трех кликов. Сделайте навигацию на сайте так, чтобы любая страница вашего сайта была доступна не далее, чем в 3 клика от главной.

14 Старайтесь не делать выпадающие меню на скриптах и flash, это затрудняет индексацию сайта поисковыми системами.

15. Добавьте сайт в формы добавления поисковиков.

16. Добавьте сайт в рейтинги

17. Добавьте сайт в каталоги

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