10 этапов создания сайта

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

1) Задать тип сайта

Основные виды веб-сайтов :

Витрина продукта или компании.
Сайт по теме (технология, сфера деятельности...)
Образовательный сайт, содержащий учебники.
Программное обеспечение.
Электронная торговля.
Форум.
Блог.
Служба.

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

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

2) Выбрать тему сайта и его аудиторию

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

3) Выберите имя домена

Имя сайта может быть присвоено поддомену, который является каталогом хостера, или доменному имени. Как www.iqlevsha.ru например. Выберите имя, зная, что доменные имена имеют значение.
Даже если у тебя есть бесплатный хостинг с субдоменом, то лучше сохранить доменное имя и указать на свой субдомен (например, https://www.iqlevsha.ru будет перенаправлен на http://scriptol.example.com). Однако прибыль остается ограниченной.

Слишком длинное имя, с более чем тремя значимыми словами. «Пекарня-кондитерская» хороша, но «Кондитерская-в-тесто-слоеная-в-масле» была бы инвалидностью.
Слова без акцентов - не проблема, но если в будущем акценты станут обычным явлением, возникнет риск конкуренции, об этом надо задуматься.

4) Выбрать хостинг

Если у тебя нет хостинга, предлагаемого с твоим доступом в интернет, или ты предпочитаешь хостинг с управлением DNS (чего не предлагают провайдеры), сравнение хостингов сайтов поможет тебе выбрать тот, который лучше всего подходит для твоего сайта и насколько важны запланированные туры.
Будьте внимательны к предупреждающим знакам, объявляющим о банкротстве хостинга. Как, например, повторный многочасовой перерыв в службе. Посмотреть список веб-хостеров, выбор, который защитит вас от зла.

5) Статические страницы или CMS ?

Для создания сайта все чаще используется CMS или Content Manager, например, Wordpress, и чаще всего в этом нет необходимости. Привлекательность такого софта в том, что он включает систему комментариев наряду с другими сервисами, такими как блогролл и облако тегов.
Последние два инструмента все реже используются, так как могут нанести ущерб позиционированию на страницах результатов поисковых систем, которые все больше штрафуют искусственные или чрезмерные ссылки.
Что касается комментариев, то благодаря онлайн-сервисам, предоставляемым Disqus или Facebook, они также становятся доступными для статических сайтов. Тогда остаются темы и другие плагины, которые можно найти на CMS. Эти преимущества могут стать недостатками, когда CMS обновляется, а плагины или тема нет!

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

Для создания статического сайта достаточно как минимум загрузить страницу в пространство, предоставленное хостером, эта страница называется index.html.
Знание синтаксиса HTML не является обязательным, вы можете редактировать страницу на текстовой обработке, такой как Word или FreeOffice, или программе для создания веб-страниц (см. список в ссылках), и сохранить ее в формате HTML.
FTP-менеджер вроде freeFTP или PHP FTP Synchronizer (на этом сайте с открытым исходным кодом) позволит переносить страницы на пространство, предоставленное хостером.

6) Создать содержимое

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

Оригинально ли содержание? (Поиск по названию и субтитрам может оказаться полезным).
Ваш сайт должен быть другим, добавить что-то еще к тому, что уже можно найти в Сети.
Будут ли вам доверять, читая ваши страницы?
Это зависит от ваших ссылок, а также от деталей, которые вы сможете дать.
Вы даете посетителям то, что они просят?
Возможно, было бы полезно представить сайт третьим сторонам для получения их мнения.
Захотят ли посетители прочитать несколько страниц, поместить их в букмарк, нажать кнопку Люблю или + 1.
Это зависит как от полезности содержания, так и от представления, что обосновано в следующем разделе.

Вот как Google определяет качество для сайта, говорится в сводке по .fr из списка Google.

Доверяете ли вы информации, представленной в статье? Имеет ли сайт авторитет в этой области ?

Статью пишет эксперт или человек, увлеченный и хорошо знающий тему?

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

Вы бы дали свой номер кредитной карты этому сайту?

Есть ли в статье орфографические, стилистические или неправдоподобные ошибки?

Выбираются ли темы естественным путем или для лучшего позиционирования в результатах поиска?

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

В статье приведены обе версии рассказа?

Содержит ли статья полное и исчерпывающее описание рассматриваемой темы?

Это тип страницы, который вы собираетесь сделать любимым, поделиться с другом или рекомендовать?

Есть ли на странице избыточное количество рекламы, которая отвлекает от контента или мешает ему?

Статьи короткие, без вещества или без особого интереса?

Пожаловались бы пользователи, увидев страницы сайта ?

Руководство по стилю от Google. Лучше начинать с хороших правил стиля. (Английский).

Чтобы выйти за пределы текстового сайта и предложить посетителям сложный макет, необходимо наличие специализированного редактора HTML, сопровождаемого средствами рисования или генераторами изображений.
Атрибут alt тега img является текстовой альтернативой изображению и рекомендуется. Он содержит описание изображения (а не страницы).

А вот список инструментов для создания или генерации изображений для веб-сайта.

7) Страница 404

Если сервер не может найти страницу, запрошенную браузером, он возвращает код ошибки 404. Следует избегать того, чтобы пользователь столкнулся с сообщением об ошибке для лучшей эргономики. Для этого создается специальная страница, которая будет отображаться вместо не найденной страницы.
Осталось перенаправить посетителя на эту страницу ...
Обратите внимание, что в WordPress и других CMS перенаправление ошибок уже учитывается системой.
Создайте или завершите файл .htaccess со следующими строками:

RewriteEngine on
ErrorDocument 404 /erreur.html

Этот файл должен находиться в корне сайта, часто в подкаталоге «www». Полный код для скачивания: ошибка 404 архива.

Имя домена не должно быть включено в URL-адрес, так как это мешает поисковикам. Действительно, это заменяет код 404 страницы обычным кодом 200 загрузки. Google откажется от вашего сайта, если для перенаправления ошибок будет использован полный URL-адрес с доменным именем.

Вместо того, чтобы высмеивать посетителя (см. 4 примера на страницах 404 справа), можно создать умную страницу 404. Идея заключается в том, что на странице 404 представлен список ссылок на недостающую страницу, запрошенный пользователем. Это легко делается под Wordpress благодаря инструментам на ключевых словах. Или проще вставить поле поиска на страницу ошибок.

8) Заходите в Web 2.0 с помощью JavaScript, CSS, Ajax

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

JavaScript

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

CSS

Использование таблиц стилей понадобится и для действительно серьезного сайта с многоразовой презентацией, или для изменения презентации в зависимости от устройства (ПК, mobile).
Лучше использовать CSS с момента создания сайта. Полный шаблон предлагается на этом сайте в разделе CSS.

PHP

Сценарии PHP помещаются на HTML-страницу, но выполняются сервером. Он создает новую страницу в соответствии с инструкциями сценария.
ASP - альтернатива PHP, которая работает только на сервере Windows. Можно использовать другие языки с той же целью, в том числе JavaScript с Node.js.
С помощью XAMPP можно запускать PHP, Apache и MySQL локально перед размещением на веб-сайте.

Аякс

Это совместное использование JavaScript и, возможно, серверного языка, например PHP или ASP. Предустановленные рамки приложений (frameworks) упрощают задачу, предоставляя функции, используемые в настоящее время.
Можно использовать простой книжный магазин типа Anaa или более мощный Framework Ajax как jQuery, наиболее широко используемый.

9) Быть готовым к поисковикам

Ссылка на веб-сайт означает, что его можно полностью игнорировать.
Начать можно с регистрации в директории Dmoz.org. Но это может занять время. Тем временем вы можете зарегистрировать сайт в нескольких справочниках.
Дополнительные сведения о привязке см. в руководстве по привязке. В первую очередь страницы должны быть подготовлены для удобства индексации двигателями. Это зависит от их структуры и мета.

Мета знаки

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

Тег <title>

Она содержит название страницы. Рекомендуется спецификацией HTML. Это название должно быть разным для каждой страницы. Это должно быть не список ключевых слов, а описательное предложение. Название должно быть привлекательным, оно появляется в результатах поисковых систем и у нас должно быть желание нажать на ссылку.
Обратите внимание, что если тег пропущен, Google будет использовать первое название, помеченное <h1> </h1> или в противном случае, h2, h3 и т.д.

Описание мета

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

Тег viewport

<meta name=viewport content="width=device-width, initial-scale=1">

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

К этому прилагается правило CSS для небольших экранов: переменная ширина страницы, переменная, разделяющая ссылки на высоту не менее 22 пикселей. (Пример можно посмотреть внизу таблицы стилей этой страницы).

Тег робота (параметр)

Ее формат выглядит следующим образом: <meta name = «robots» content =»»> и она также помещается в раздел <head>. Она предназначена для роботов поисковых систем.
Содержимое - от одного до трех слов, разделенных запятыми:

Index, noindex: индексировать страницу
follow, nofollow: учитывать ссылки на странице
архив, первичный архив: кэшировать или нет
all = индекс, follow, архив
none = noindex, nofollow, noarchive.

Можно пропустить тег, это эквивалентно <meta name = «роботы» content =» all»>

Атрибут rel = canonical

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

Специальные файлы

Карта сайта (опция)

«Ситемап» рекомендует Google помочь своим роботам-индексаторам. Однако чаще всего эффекты равны нулю, создание и сохранение карты сайта даже в стандартном формате XML sitemaps.org не позволяет добиться какого-либо прогресса в результатах поисковых систем и посещаемости. Несмотря ни на что, у некоторых сайтов не все свои страницы проиндексированы и в данном случае ситемап незаменим.
Если ты хочешь создать sitemap, используй вместо этого бесплатное программное обеспечение вроде Simple Map.

RSS-канал (параметр)

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

Файл robots.txt (параметр)

Он не очень необходим, но позволяет запретить двигателям сканировать некоторые ненужные или строящиеся файлы. Google предоставляет руководство по реализации этого файла: Getty ting started with robots.txt, который дает список директив роботам из поисковых систем.
Также можно дать указания роботам в Метах для роботов или файле .htaccess.

10 советов от Google.

Ключевые слова

Это Google говорит: нужно делать сайт для пользователей интернета, а не для поисковиков! Но для движков только тексты и критерии, по которым ваша страница заслуживает должного отражения в результатах, являются первыми из них значимыми словами.
Это остается выбором веб-мастера сделать сайт вокруг статей, которые вы хотите написать, или написать статьи, которые будут иметь больше шансов получить широкую аудиторию
Но каким бы ни был выбор и уровень вовлеченности, все, что видят двигатели, - это набор слов.

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

Adword Keyword Planner дает вам идеи групп ключевых слов из темы или начального слова. Поскольку инструмент предназначен для рекламодателей рекламы Adsense, результаты соответствуют тому, что ищут интернет-пользователи.

10) Обслуживание вашего сайта

Сколько ссылок на ваш сайт о поисковиках? После завершения отсылки, через месяц, вы захотите узнать результат. Оценку бэклинков можно получить с помощью Google Webmaster Tools и Bing Webmaster Tools.
Время от времени, один раз в месяц, желательно, нужно проверять, действуют ли ссылки на внешние сайты. Это можно сделать автоматически с помощью сценария, предоставленного на этом сайте.
Если сайт создан под управлением Windows, с помощью Live CD Linux можно увидеть, как он выглядит под другой системой. Live CD Mandriva показывает себя самым быстрым и эффективным для распознавания материала.