Как сделать свой сайт за несколько дней: пошаговая инструкция для начинающих «чайников»

СОДЕРЖАНИЕ СТАТЬИ:

Доброго времени суток, уважаемые читатели проекта 50baksov.ru!

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

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

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

Зачем вам нужен свой сайт?

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

Я всегда у них интересуюсь — «Не пробовали рекламировать свой бизнес через Интернет?». Ожидаемый ответ — примерно 50 на 50. Да и та часть клиентов, которые размещали свои объявления на разнообразных специализированных Интернет-досках (реже на форумах), как правило, недовольна очень низким процентом отклика. Причин этому множество, и сейчас мы не будем их рассматривать.

Второй мой вопрос — «Не думали сделать свой сайт?». Этот вопрос в 90% случаях ставит людей в тупик. Подавляющее большинство бизнесменов средней руки и возраста, в силу сложившихся обстоятельств, о всемирной сети знают «постольку поскольку». Да это и понятно, в их молодости Интернета либо не было вовсе, либо он был в зародышевой стадии. Сейчас же все свободное время, как правило, подчинено бизнесу. Поэтому, объявления даются в популярные местные (областные) рекламные газеты и журналы.

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

Первый минус — рекламу надо давать постоянно (иначе значительно снижается ее эффективность). На это тратится не очень много времени, но основное неудобство не во времени, а в том, что надо не забыть дать объявление. Отсюда автоматически выплывает тот факт, что за год на газетную рекламную кампанию тратится значительная сумма (сотни, а то и тысячи долларов).

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

Эти два недостатка с лихвой компенсирует создание сайта.

Давайте сначала рассмотрим негативные (точнее сказать «неудобные») стороны в создании сайта.

Первое — сайт должен кто-то сделать. Встает вопрос: где сделать сайт? Т.е., надо найти человека (фирму), который(ая) бы согласился сделать сайт.

Справедливости ради, следует сказать, что данная проблема решается легко. Достаточно в Яндексе или Google поискать по запросам.

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

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

Если последняя фраза вам мало о чем сказала — тогда вся дальнейшая информация, скорее всего, предназначена именно для вас.

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

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

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

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

Плюс четвертый — имея свой сайт, ваш бизнес будет выглядеть весьма солидно.

Плюс пятый — ваша информация будет доступна по формуле 365/24/7 — круглогодично, круглосуточно, в любой день недели.

Плюс шестой — вы можете оперативно менять существующую информацию и добавлять новую.

Теперь давайте рассмотрим финансовую сторону вопроса.

Одно рекламное объявление (считай срок размещения 1 неделя) на хорошем месте в областной газете размером 75х30 мм стоит около 20$. В год получается порядка 1000$.

Создание простого сайта (объем до 5 Мб) стоит 50-100$. Годовая оплата за размещение на сервере стоит 20-30$. В год получается 70-130$.

Таким образом, создание сайта по сравнению с рекламой в газете окупается уже на втором месяце. Или, другими словами, экономия на первом году составляет порядка 900$. В последующие годы — еще больше. Конечно же, цифры довольно приблизительные, но даже 50% погрешность в подсчетах дает годовую экономию порядка 500$!!!

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

Таким образом, можно более гибко строить информационное наполнение ресурса. И напоследок, еще одно немаловажное преимущество, — на сайте можно разместить гораздо больше полезной и интересной информации, чем в небольшом объявлении.

Что же следует из всего вышесказанного?

Если Вы:
— хотите получить десятки (сотни, тысячи) новых клиентов;
— хотите, чтобы Ваш бизнес выглядел солидно;
— хотите расширять сферу своего влияния в новые регионы;
— хотите с уверенностью смотреть в завтрашинй день.
Тогда вам нужен свой сайт!!!

Как правильно создать сайт

Исследование конкурентов

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

Что нужно сделать на этом шаге:

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

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

Выберите 5-10 самых наиболее удачных примеров, и постарайтесь оценить, что вам понравилось или не понравилось в этих сайтах. Попробуйте понять почему. Если вам понравился дизайн, то подумайте чем конкретно он хорош? Обратите внимание также на структуру этих сайтов (разделы и подразделы) и функционал (есть ли там какие-то интерактивные сервисы как: комментарии, регистрация, поиск по параметрам и т. д.).

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

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

Итог

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

Цели сайта

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

На этом шаге постарайтесь ответить на вопросы:

Для кого вы делаете сайт? Кто ваша аудитория.

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

Если у вас несколько аудиторий: клиенты, партнеры, инвесторы. Сделайте акцент на главном. Выберите главную аудиторию. Это не значит что остальных вы проигнорируете, но ваша работа все же должна быть направленна на главную группу.

Читайте также:  Как создать сайт самостоятельно бесплатно с нуля. Какие виды сайтов бывают? Какой движок (CMS) выбрать и как его настроить?

Каковы ваши цели веб сайта?

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

Итоги. Выпишете: цель, аудиторию, приоритеты аудитории, цепочку для выполнения цели.

Проектирование сайта

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

Итак,

  • Составьте свою структуру сайта (желательно 5 максимум 7 разделов первого уровня с короткими лаконичными названиями). С подразделами тоже не перегибайте: 5-7 не больше. Каталоги товаров, новости, статьи — не в счет, их может быть много. Соберите материал для ключевых разделов сайта. Фотографии, тексты, характеристики.
  • Обработайте весь материал и структуру, подготовьте окончательную информацию для публикации на сайте.
  • Определитесь с функционалом, что вам обязательно нужно, а без чего можно обойтись. Чем больше функций, тем сложнее сайт и тем он дороже он в плане сборки.

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

Сборка сайта

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

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

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

Итоги: По моему опыту на подготовку к созданию сайта уходит больше всего времени. Оценка и поиск целей — 4-8 часов. Проектирование и подготовка информации зависит от объемов. Для сайта визитки компании это примерно 8 часов. Для интернет магазина с каталогом товаров это от 20 часов и более. Также на этом этапе много переделок, будьте к этому готовы.

Сборка сайта длится от 2 до 8 часов. 8 часов  — это если профессиональный дизайнер делает авторский дизайн. Или если вы сами будете настраивать вид каждого элемента. Если же вы выберете готовую тему оформления, то сборка может занять 2 часа. Также в нубексе есть готовые шаблоны сайтов, если у вас типовая задача, это может сэкономить кучу времени. Учтите что в любом случаем вам нужно будет заносить на сайт информацию, и если её много, то это займет дополнительное время.

Способы создания сайта

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

1. С помощью CMS

Первый способ (простой) — это создание сайта с помощью CMS ( Content Management System — система управления содержимым). Самые известные CMS движки это WordPress, Joomla, Drupal. Существует ещё много других CMS, как бесплатных, так и платных. Главное преимущество этого способа в том, что сайт создаётся бесплатно, легко и быстро, в очень короткое время. Всего лишь пару часов и ваш сайт готов, остаётся только наполнить его статьями.

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

2. С помощью  фреймворка

Фреймворк — это платформа которая облегчает процесс создания сайта, благородя своей структуре. Она уже имеет некоторые свои укорочённые функции, с помощью которых повышается скорость разработки сайта. Другими словами, фреймворк —  это некий каркас (фундамент) в котором уже решено много базовых проблем, такие как безопасность сайта, ЧПУ (человечески понятные урл), регистрация и авторизация пользователей.

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

3. С нуля

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

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

Уже для создания динамического сайта Вам нужно знать язык программирования PHP, Ruby или Python. И ещё уметь работать с базой данных, для этого нужно научиться создавать различные запросы на языке MySQL и быть знакомым с СУБД phpMyAdmin.

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

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

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

Этапы создания сайта с нуля

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

1. Создание макета

На листке бумаге A4 или в какой-то простой программы для рисования, как например Paint, рисуется макет будущего сайта. Как Вы заметили на разных сайтах, макет может быть двухколоночный, трёхколоночный или только с одной колонкой и с горизонтальным меню.

Также на этом этапе определяется расположение элементов на странице. Где будут расположены такие элементы как меню, поиск, различные блоки и кнопки.

2. Создание дизайна

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

3. Вёрстка страниц

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

Здесь применяются языки для фронтенда (видимой части сайта). Сначала только HTML и CSS потом по необходимости может использоваться и JavaScript ( jQuery это библиотека JavaScript).

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

4. Программирование

На этом этапе, сначала создаётся база данных (БД) с помощью СУБД phpMyAdmin. После создания БД, сразу создаются необходимые таблицы, такие как например users для хранения зарегистрированных пользователей, articles для хранения статей и другие.

Потом, используя какой-то язык веб программирования ( PHP, Ruby или Python ) делается подключение к базе данных и создаётся движок сайта. Самый популярный язык в веб программировании, это язык PHP. Именно его мы и будем изучать.

Существуют два основных стиля программирования, это процедурный и ООП (объектно-ориентированное программирование).

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

5. Тестирование сайта в целом

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

6. Наполнение сайта необходимой информацией

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

7. Размещение сайта в интернете

Как только сайт готов, можно приступить к его размещению в интернете. Но, перед этим необходимо купить хостинг и домен.

Хостинг — это место в интернете для хранения файлов сайта.

  • После того как доменное имя выбрано и зарегистрировано, через день-два сайт с таким именем уже можно будет найти в интернете, набрав его в строке браузера.
  • Но для этого надо разместить страницы сайта на удаленном сервере.
  • Услуга размещения сайта на сервере называется ХОСТИНГОМ.
  • Хостинг бывает платным и бесплатным. Подробнее читайте здесь.
  • Бесплатный хостинг не будем рассматривать.
  • Платный хостинг предоставляет различные тарифные планы.
Читайте также:  Как зарегистрировать Киви кошелёк в 2019 году: пошаговая инструкция для начинающих. Как войти в свой аккаунт Киви?

Домен — это название Вашего сайта.

Доменное имя (URL) сайта — это комбинация букв, набираемых в строке браузера, чтобы открыть сайт.

Например, http://yandex.ru, где:

Yandex — собственно ИМЯ сайта;

Ru — ЗОНА сайта, которая в данном случае, указывает на географическую принадлежность сайта к определенной стране (Россия).

Имя и зона сайта выбираются вами, затем регистрируются у регистратора доменных имен.

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

Стоимость регистрации доменного имени в зоне .ru на данный момент (лето 2009) составляет примерно 120-150 рублей.

Процесс размещения заключается в добавлении файлов сайта на хостинг, с помощью FTP клиента FileZilla.

Верстка сайта
Верстка сайта состоит, в общем, из следующих этапов:
— разработка дизайна сайта;
— написание текстовой части;
— подготовка фотоматериалов;
— компоновка сайта.

Верстка простого сайта (без программинга) на простом html, состоящего из 10-20 страничек, у недорогого веб-мастера обойдется в 40-60 долларов.

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

Жизнь сайта

Когда предыдущие три этапа пройдены, можно выгружать сайт на сервер. После этого он будет доступен для просмотра пользователям Интернета.

К этому времени ваши затраты составят до 100 долларов.

С этого момента начинается самое интересное. Всякими «правдами и неправдами» владелец ресурса старается получить максимальную отдачу от сайта.

Как это делать более или менее «правильно» рассказано в разделе «Поисковая оптимизация сайта».

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

В общих чертах «стандартно» минимальные расходы по раскрутке сайта могут составлять до 50 долларов в месяц (а могут не составлять и ни цента).

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

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

Как написать сайт на простом HTML

Сегодня мы разберемся как создать сайт в блокноте при помощи HTML. HTML- документ должен иметь следующую структуру:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Как создать сайт с нуля - "Нубекс"</title>
 </head>
 <body>
  <h1>Мой первый сайт в блокноте HTML</h1>
  <p>Привет! Это мой первый сайт.</p>
 </body>
</html>

Скопируйте приведенный код в блокнот (Notepad) и сохраните на компьютере в формате .html. Чтобы теперь посмотреть на нашу веб-страницу, откройте сохраненный файл с помощью браузера (Правой кнопкой мыши -> Открыть с помощью).

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

  • html — корневой тег документа, является контейнером веб-страницы;
  • head — в этом теге указываются основные данные, касающиеся генерации веб-страницы (заголовок, стили, скрипты, мета-теги и так далее);
  • body — основной тег страницы. Представляет собой «тело» документа, внутрь которого помещаются остальные теги;
  • <!DOCTYPE html> — указывает на тип документа (Doctype);
  • meta — используется для указания метаданных страницы (в нашем случае тег указывает на кодировку страницы. Подробнее о мета-тегах читайте в статье Мета-теги);
  • title — задает непосредственный заголовок страницы (Тег title);
  • H1 — заголовок страницы/статьи (подзаголовки задаются тегами H2-H6);
  • P — тег, с помощью которого выделяются абзацы в тексте страницы;

Основные мета-теги для HTML-страницы

Метаданные указываются между тегами <head></head> с помощью HTML-тега meta. Тег meta имеет несколько атрибутов:

  • charset — используется для задания кодировки страницы (utf-8, windows-1251);
  • name — название мета-тега, которое указывает на его предназначение;
  • content — задает значение параметра, указанного с помощью атрибута name;

Например, задать кодировку страницы можно следующим образом:

<head>
<meta charset="UTF-8">
...
</head>

Наиболее популярными мета-тегами являются:

  • title — определяет заголовок веб-страницы;
  • description — позволяет задать описание HTML-страницы (используется поисковыми роботами);
  • keywords — позволяет задать ключевые слова для HTML-страницы (используется поисковыми роботами для ранжирования страниц в поисковой выдаче);
  • content-type — задает тип документа (например, text/html) и его кодировку;
  • content-language — устанавливает язык страницы;
  • refresh — предоставляет возможность автоматического обновления страницы через определенный интервал времени (также позволяет сделать редирект, т.е. перенаправление);
  • robots — позволяет управлять поисковым роботом на вашем сайте (разрешить или запретить индексацию страницы, разрешить или запретить роботу переходить по ссылкам на странице);
  • author — дает возможность указать автора контента;
  • copyright — дает возможность указать владельца контента, используемого на странице;

https://www.youtube.com/watch?v=UEPBMrg2l6g

Использование мета-тегов

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

Основные мета-теги для HTML-страницы
Метаданные указываются между тегами <head></head> с помощью HTML-тега meta. Тег meta имеет несколько атрибутов:

charset — используется для задания кодировки страницы (utf-8, windows-1251);
name — название мета-тега, которое указывает на его предназначение;
content — задает значение параметра, указанного с помощью атрибута name;
Например, задать кодировку страницы можно следующим образом:

<head>
<meta charset=»UTF-8″>

</head>
Наиболее популярными мета-тегами являются:

title — определяет заголовок веб-страницы;
description — позволяет задать описание HTML-страницы (используется поисковыми роботами);
keywords — позволяет задать ключевые слова для HTML-страницы (используется поисковыми роботами для ранжирования страниц в поисковой выдаче);
content-type — задает тип документа (например, text/html) и его кодировку;
content-language — устанавливает язык страницы;
refresh — предоставляет возможность автоматического обновления страницы через определенный интервал времени (также позволяет сделать редирект, т.е. перенаправление);
robots — позволяет управлять поисковым роботом на вашем сайте (разрешить или запретить индексацию страницы, разрешить или запретить роботу переходить по ссылкам на странице);
author — дает возможность указать автора контента;
copyright — дает возможность указать владельца контента, используемого на странице;
Использование мета-тегов
Пример использования наиболее популярных мета-тегов на странице:

<html>
<head>
<title>Использование мета-тегов на сайте</title>
<meta name=»description» content=»Здесь задается краткое описание веб-страницы»>
<meta name=»keywords» content=»Здесь удаются ключевые слова»>
<meta http-equiv=»content-type» content=»text/html; charset=utf-8″>
<meta name=»author» content=»Nubex»>
<meta name=»copyright» content=»Nubex»>
<meta name=»content-language» content=»ru»>
<meta name=»robots» content=»all»>
<meta name=»refresh» content=»3;http://nubex.ru/»>
</head>
<body>
<h1>Применение мета-тегов</h1>
<p>Контент страницы</p>
</body>
</html>

Как показано выше, HTML-страницы сайта имеют древовидную структуру. Одни теги могут быть вложены в другие, а те, в свою очередь, — в третьи. Это означает, что структура документа определена достаточно четко. Открывающиеся теги обязательно должны иметь закрывающую пару. Немного усложним нашу страницу:

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>ООО Василий Пупкин</title>
</head>
<body>
<h1>Информация о нашей компании</h1>
<center><img src=»we.jpg» width=»30%» /></center>
<h2>Кто мы?</h2>
<p>Мы — комманда профессионалов.</p>
<h2>Наши услуги</h2>
<h3>Создание сайтов</h3>
<p>Мы создаем по-настоящему крутые сайты.</p>
<h3>Продвижение сайтов</h3>
<p>Ваш сайт в ТОП-3 поисковых систем через 2 дня.</p>
<h3>Посадка картошки</h3>
<p>20 соток в час.</p>
<h2>Контакты</h2>
<div id=»map»>Карта проезда:

</div>
<p>Телефон: 0000</p>
</body>
</html>

Ликбез по созданию сайта небольшой фирмы

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

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

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

Проблемными моментами являются:
— выбор «хорошего» и недорогого веб-дизайнера;
— относительно высокая стоимость работ (несколько сотен долларов).

За что, как правило, переплачивает заказчик:

— дизайн сайта. Иногда за разработку красивого оригинального дизайна исполнитель берет несколько сот долларов (в общем-то, работа стоит того), но, — нужен ли такой «крутой» дизайн вашему сайту? Конечно, «встречают по одежке», но, целью посетителей вашего сайта является не любование красотами дизайнерских решений, а поиск (покупка) конкретного товара или услуги. Гораздо разумнее потратить деньги именно на эту составляющую сайта — увеличение продаж вашего товара.

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

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

1. Доменное имя сайта
Доменное имя (URL) сайта — это комбинация букв, набираемых в строке браузера, чтобы открыть сайт.

Читайте также:  Интернет бухгалтерия Мое Дело. Обзор интернет-бухгалтерии «Мое дело». Бухгалтерский учет и предпринимательство. Профессиональный онлайн сервис для ведения бизнеса

Например, http://yandex.ru, где:

Yandex — собственно ИМЯ сайта;

Ru — ЗОНА сайта, которая в данном случае, указывает на географическую принадлежность сайта к определенной стране (Россия).

Имя и зона сайта выбираются вами, затем регистрируются у регистратора доменных имен.

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

Стоимость регистрации доменного имени в зоне .ru на данный момент (лето 2009) составляет примерно 120-150 рублей.

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

Но для этого надо разместить страницы сайта на удаленном сервере.

Услуга размещения сайта на сервере называется ХОСТИНГОМ.

Хостинг бывает платным и бесплатным. Подробнее читайте здесь.

Бесплатный хостинг не будем рассматривать.

Платный хостинг предоставляет различные тарифные планы.

Тарифы хостинга HQhost.net.

Здесь и далее материал излагается с привязкой к данному хостингу.

Для начального варианта небольшой фирмы вполне сойдет вариант «Дом», стоимость которого составляет 12$ в год.

3. Верстка сайта
Верстка сайта состоит, в общем, из следующих этапов:
— разработка дизайна сайта;
— написание текстовой части;
— подготовка фотоматериалов;
— компоновка сайта.

Верстка простого сайта (без программинга) на простом html, состоящего из 10-20 страничек, у недорогого веб-мастера обойдется в 40-60 долларов.

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

4. Жизнь сайта
Когда предыдущие три этапа пройдены, можно выгружать сайт на сервер. После этого он будет доступен для просмотра пользователям Интернета.

К этому времени ваши затраты составят до 100 долларов.

С этого момента начинается самое интересное. Всякими «правдами и неправдами» владелец ресурса старается получить максимальную отдачу от сайта.

Как это делать более или менее «правильно» рассказано в разделе «Поисковая оптимизация сайта».

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

В общих чертах «стандартно» минимальные расходы по раскрутке сайта могут составлять до 50 долларов в месяц (а могут не составлять и ни цента).

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

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

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

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

Как сообщает TIME, американцы совокупно проверяют свои смартфоны 8 МИЛЛИАРДОВ раз в день. Если вы хотите больше деталей, то среднестатистический потребитель проверяет свой телефон примерно раз в 12 минут или примерно 80 раз в течение обычного дня.

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

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

Краткие статистические данные

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

  1. 62% владельцев смартфонов использовали свои телефоны для совершения покупок в течение последних шести месяцев.
  2. 80% потребителей использовали свои мобильные устройства для сравнения покупок, поиска других расположений магазинов или получения большей информации о продукте.
  3. Более 33% всех покупок в интернет-магазинах было совершено с использованием смартфона в течение сезона отпусков в 2015 году.
  4. 57% пользователей не будут рекомендовать бизнес, если у него плохой мобильный сайт.
  5. 61% пользователей не вернутся на сайт, если им было трудно использовать его на мобильном устройстве.

Я могу продолжать, но у вас, вероятно, уже есть решение. Мобильный eCommerce – это волна будущего, и если вы не попадете на борт, вы, скорее всего, останетесь позади. К счастью для вас, ниже мы привели некоторые основные пункты, которые помогут вам быстро запрыгнуть в вагон мобильных веб-сайтов.

Будьте отзывчивыми

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

Представьте общую картину

Мы воспринимаем информацию визуально, поэтому изображения играют такую ​​важную роль в дизайне сайта. Фактически, согласно Hubspot , 37% маркетологов считают визуальный маркетинг как наиболее важную форму контента для бизнеса, а 74% заявили, что они размещают изображения в первую очередь после сообщений в блогах и видеоконтента. Другими словами, изображения действительно имеют большое значение, поэтому убедитесь, что ваши фотографии помогают продавать вам ваши товары. Используйте изображения только с высоким разрешением, чтобы избежать этого ужасного пиксельного эффекта.

Избегайте увеличений

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

Найти конструктор веб-сайтов, который предлагает варианты для мобильных устройств

Пытаетесь сделать все дела одновременно? Если идея одновременного управления маркетингом, инвентаризацией, CRM, дизайном сайтов, PR и оптимизацией под мобильные устройства вас пугает, пришло время обратиться за помощью. Найдите хороший конструктор веб-сайтов, который также предлагает варианты для оптимизации под мобильные устройства. Это не сложно; в действительности, лучшие конструкторы веб-сайтов предложат вам готовое решение по мобильной оптимизации. Вот некоторые их конструкторов сайтов, на которые вы можете обратить внимание:

Wix: У Wix есть потрясающий мобильный редактор, который позволяет мгновенно изменять элементы дизайна для мобильных устройств.
SimpleSite: Этот конструктор сайтов позволяет создавать отзывчивые веб-сайты для ведения блогов, поэтому они также подойдут для мобильных устройств.
Site123: Site123 имеет полностью отзывчивые шаблоны, режим предварительного просмотра и возможность изменять текст, изображения или контент без использования отдельного редактора.
Wordpress: Бесчисленное множество приложений и плагинов, которые вы можете использовать вместе с WordPress, чтобы сделать невероятный сайт для просмотра на мобильных устройствах.
Weebly: Weebly предлагает полноценный конструктор мобильных сайтов, отзывчивые шаблоны и простой конструктор drag-and-drop для красивых мобильных проектов за считанные минуты.
Предлагайте варианты

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

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

Уберите Flash

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

Тесты, тесты, тесты

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

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

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

Пожалуйста, поделитесь этой статьей в любой из социальных сетей:
Добавить комментарий