Как создать сайт

Создание сайта — это отличная возможность поделиться с миром своими идеями и мыслями. Но если вы прежде этим не занимались, создание сайта может показаться обескураживающим. Все эти http-точка-что-то-там, <tag this=""> и <tag that="">, попытки поместить изображение или текст между ними... Эта статья поможет вам очень быстро вникнуть в детали.

Часть 1

Часть 1 из 4:

Разработка веб-сайта

Загрузить PDF

1
Поищите вдохновения. Посмотрите на сайты с отличным дизайном и определите причину их успешности. Как правило, она заключается в расстановке информации, ресурсов, ссылок и страниц так, чтобы пользователь без труда мог найти их и использовать. Для разработки дизайна собственного сайта, взгляните на похожие сайты, чтобы понять, как расположить различные типы контента.
- Не пытайтесь прыгнуть выше головы.
- На первом месте у вас должна стоять простота доступа к информации. Если определенная часть информации скрыта, сделайте так, чтобы доступ к ней был логичен и прост в понимании.
- И вообще, чем проще дизайн и чем меньше страниц, тем лучше.
2
Выберите тему и цель. Если вы уже решили, о чем будет ваш сайт, пропустите этот шаг. Если идей нет, вот несколько советов, которые могут вам помочь. Для начала поймите, что в интернете сидят миллионы людей, и у многих из них есть сайты. Если вы поставите перед собой задачу сделать что-то, чего не было раньше, то вы никогда не сдвинетесь с мертвой точки.
- Какая мысль первой приходит вам в голову, когда вы думаете об Интернете? Электронная торговля? Музыка? Новости? Социальные сети? Блоги? Все это хорошие темы, чтобы начать.
- Вы можете создать сайт, посвященный любимой музыкальной группе и организовать чат, в котором посетители смогут ее обсуждать.
- Вы можете создать страницу для своей семьи, но тогда вам стоит быть крайне осторожным. Интернет просто кишит неприятными личностями, а выложенная информация о вашей семье может в конечном итоге быть использована против вас. Установите парольную защиту на семейный веб-сайт.
- Если вы не можете жить без новостей или хотите создать нечто менее фильтруемое, чем обычные СМИ, создайте сайт с открытыми лентами новостей от Reuters, BBC, AP и прочими. Создайте свой собственный агрегатор новостей (что раньше было принято называть необычным именем «газета») и выводите в нем все новости в цифровом виде.
- Если вы умеете красиво писать, можете создать блог и писать в нем все что угодно, и привлекать ежемесячных читателей!
Создание сайта потребует от вас времени и денег, поэтому установите ограничение по обоим пунктам и приступайте. План не обязательно должен быть большой, сложной таблицей или причудливой графической презентацией, но вы как минимум должны знать, какую цель он будет выполнять для вас и ваших посетителей, какой контент вы собираетесь там размещать, а также какой будет планировка страниц.
4
Позаботьтесь о контенте. Существует множество различных типов контента, причем многие имеют свои особенности. Вы должны выяснить, что лучше всего подходит для вашего сайта и ваших потребностей. Вот некоторые пункты, которые стоит принять в расчет:
- Магазин. Если вы хотите продавать вещи, вам нужно выяснить, как сделать их доступными для продажи. Если на продажу у вас имеется сравнительно небольшое количество вещей, рассмотрите вариант с размещением заявки в существующем магазине. Society6, Amazon и Cafepress – признанные интернет-магазины с возможностью продавать различные предметы и устанавливать свои собственные цены.
- Медиа-контент. Вы хотите демонстрировать видео или музыку? Вы хотите выкладывать личные файлы у себя или где-нибудь в другом месте? Youtube и SoundCloud – отличные примеры медиа-хостинга, но вы должны убедиться, что дизайн вашего сайта позволяет им корректно отображаться.
- Изображения. Вы фотограф или художник? Если вы планируете выкладывать оригинальные изображения на своем сайте, возможно, вам стоит использовать формат, который способен уберечь их от кражи. Чтобы максимально затруднить их скачивание, изображения должны быть относительно небольшими или скрытыми за определенным Flash-кодом.
- Виджеты. Это мини-программы, которые работают на вашем сайте, помогая вам отслеживать посетителей, посещаемые ими страницы и их местоположение. Вы также можете найти виджеты для заметок, календаря и других функций. Подумайте, какие функции могут оказаться полезными (главное убедитесь, что загружаете виджет с доверенного источника).
- Контактная информация. Хотите ли вы разместить на своем сайте контактную информацию? Для вашей собственной же безопасности, хорошенько подумайте, какую информацию стоит делать публичной. Ни в коем случае не размещайте свой домашний адрес или номер телефона, эти данные могут быть использованы для кражи вашей личности. Если у вас нет рабочего адреса, вы можете завести почтовый ящик или специальный адрес электронной почты для людей, которые желают с вами связаться.
Для большинства людей сайт начинается с главной страницы. Это страница, которую все видят, когда впервые заходят на www.вашсайт.com. Но куда они будут переходить с этой страницы? Если вы потратите какое-то время на то, чтобы придумать, как пользователи будут взаимодействовать с вашим сайтом, затем вам будет намного проще при создании кнопок навигации и ссылок.
С недавних пор смартфоны и планшеты стали невероятно популярным устройствами для работы в Интернете, и сайты необходимо проектировать специально под них. Если вы решили сделать сайт, который бы выдержал испытание временем и был доступен для максимального количества посетителей, сделайте различные версии своего сайта для различных устройств, или используйте универсальный дизайн, который бы сам подстраивался по мере необходимости.
Реклама

Часть 2

Часть 2 из 4:

Создание сайта

Загрузить PDF

Когда у вас будет готова идея и план ее реализации, следующим пунктом идет выбор способа создания сайта. Всех вариантов бесчисленное множество, а люди будут предлагать вам купить то или это «чудесное» приложение вкупе с другими вещами, которые «обязательно должен иметь» ваш сайт. Однако реальность такова, что существует всего несколько отличных средств для создания веб-сайтов, и лишь один из них как нельзя лучше подойдет вашей ситуации и потребностям.
2
Создайте сайт самостоятельно. Это первый вариант. Если у вас есть программа для создания сайтов, вроде Adobe Dreamweaver, создать сайт с нуля будет не так уж и сложно. Для этого вам придется научиться кодировать, но не паникуйте! HTML только выглядит сложным, но это лишь в самом начале, вам достаточно немного освоиться, а дальше все пойдет как по маслу.
- Плюсы: программа создания дизайна веб-сайта упрощает процесс его создания, позволяя вам перемещать изображения, тексты, кнопки, видеофайлы и все, о чем вы только можете подумать без необходимости разбираться в HTML. Многие программы создания дизайна позволят вам даже создавать сайты, адаптированные под смартфон или планшет. Если вы хотите создать простой сайт для личного использования, лучше способа не найти.
- Минусы: несмотря на то, что вникать в HTML не обязательно, какое-то обучение вам все же придется пройти. Если вы очень торопитесь, этот способ может вам не подойти. Самый большой минус заключается в том, что без опыта в графическом дизайне вы можете создать страницу, неприятную для глаз. Для снижения такого риска существует большое количество бесплатных шаблонов в самих программах, а также в интернете, однако не стоит забывать о своих ограничениях, если таковые имеются.
3
Используйте систему управления содержимым (CMS). Это вариант номер два. WordPress является отличным вариантом для создания веб-сайтов. Он поможет вам легко и быстро создать веб-страницы и сообщения в блоге, настроить меню, добавить и управлять комментариями пользователей и предоставляет на выбор более тысячи совершенно бесплатных тем и плагинов. Drupal и Joomla – тоже хорошие варианты CMS. После установки CMS вы можете управлять сайтом в любой точке планеты, где есть доступ к Интернету.
- Плюсы: продукт очень прост в использовании и и легко устанавливается, имеет множество опций настроек для новичков, а также достаточно сложные и для опытных пользователей.
- Минусы: не все темы настраиваемы и бесплатны.
4
Создание сайта с нуля. Это третий вариант. Если вы решили создать свой сайт с нуля, начните с использования HTML и CSS. Вы можете расширить свои знания HTML и добавить больше возможностей и детализации своему сайту. Если вы создаете профессиональный сайт, эти инструменты позволят вам достичь того уровня, который вам понадобится в любых бизнес-начинаниях:
- CSS означает «каскадные таблицы стилей». CSS позволяет добавить гибкость в оформлении стилями HTML и облегчает внесение основных изменений в оформление сайта (шрифты, заголовки, цветовая схема) в одном месте, с распространением этих изменений на весь сайт.
- XHTML – это язык для создания сайтов, стандартизированный W3C. Он почти идентичен HTML, но имеет более строгие правила разметки информации. В целом это приводит лишь к незначительным изменениям при написании кода.
- Присмотритесь к HTML5. Это пятая редакция основного стандарта HTML, которая вскоре заменит текущую версию HTML (HTML4), а также XHTML.
- Изучите скриптовый язык, исполняющийся на стороне клиента, например, JavaScript. Это позволит добавить на сайт интерактивные элементы, например, графики, карты, и прочее.
- Изучите скриптовый язык, исполняющийся на стороне сервера. PHP, ASP с JavaScript или VB Script или Python способны изменить отображение сайта для разных пользователей и позволит создавать или редактировать форумы. Использование этих языков также позволит хранить информацию о людях, посещающих сайт: их логины, настройки, а для коммерческих сайтов также временные «корзины» со списком покупок.
- AJAX (Асинхронный JavaScript и XML) – это технология, позволяющая использовать скрипт, исполняющийся на стороне клиента с запросом информации с сервера без необходимости обновления страницы сайта, что часто значительно сокращает время ожидания посетителем и влияет на его впечатление о сайте, хотя и повышает трафик. Это прекрасное решение для коммерческих сайтов и сайтов с большим количеством посетителей.
Это четвертый и последний вариант. Если вы не планируете самостоятельно заниматься дизайном и изучать языки программирования и протоколы (особенно если речь идет о сложном сайте), то наем специалиста становится лучшим решением. Прежде чем сделать это, попросите взглянуть на портфолио и внимательно прочитайте отзывы.
Реклама

Часть 3

Часть 3 из 4:

Тестирование сайта и его запуск

Загрузить PDF

1
Зарегистрируйте доменное имя. Если вы ограничены в средствах, есть варианты покупки дешевого доменного имени. Выберите доменное имя, которое легко запомнить и проговорить. Если вы используете доменное имя, заканчивающееся на «.com», повышенный трафик вам обеспечен, но большинство простых имен уже заняты, поэтому проявите фантазию.
- Обратите внимание на Network Solutions, GoDaddy или Register.com для поиска и выбора идеального доменного имени для вашего сайта. Wordpress также предлагает возможность использования их домена третьего уровня, например, mywebsite.wordpress.com. Но если имя, которые вы выбрали, также доступно как .com, вы увидите соответствующее сообщение при входе в систему.
- Вы можете зарегистрировать доменное имя, если оно не закреплено или свободно для покупки онлайн на специальных сайтах. Перед покупкой дорогого доменного имени, неплохо бы получить юридический и финансовый советы.
Перед тем как запустить сайт, тщательно его проверьте. Большинство программ создания веб-дизайна имеют возможность тестирования сайта без необходимости его запуска. Проверьте код на наличие недостающих тегов, битых ссылок, оптимизации поисковых запросов и дизайнерских недочетов. Все эти факторы могут повлиять на трафик и доходы вашего сайта. Вы также можете бесплатно и в считанные минуты сгенерировать полную карту сайта для поисковых систем, вроде Google.
3
Протестируйте свой сайт. Закончив создание сайта, протестируйте его удобство и простоту использования. Вы можете попросить друзей или членов семьи проверить сайт. Дайте им определенное задание, например, отредактировать свой профиль или купить свитер из шерсти альпака на странице с акциями. Сядьте рядом с ними и наблюдайте, как они перемещаются по сайту, но не помогайте им. Возможно, вы найдете области, в которых нужно оптимизировать навигацию или пояснить инструкции. Кроме этого, для проведения пользовательского теста различных типов взаимодействия у конкретных групп населения вы также можете воспользоваться чем-то вроде zurb.com. При тестировании веб-сайта очень важно не забывать о различных платформах и убедиться, что веб-сайт открывается на смартфонах и планшетах, а также на настольных компьютерах.
- Составьте список всего, что вызывает у пользователя затруднения или не является интуитивно понятным.
4
Запустите сайт! Выберите веб-хостинг и загрузите ваш сайт. Хостинг может иметь опцию загрузки файлов по FTP, или вы можете загрузить себе на компьютер программу для загрузки файлов по FTP, например, FileZilla или CyberDuck. Если вы наняли специалиста для разработки сайта, он вполне способен сделать это за вас (но все же не забывайте задавать вопросы, чтобы иметь представление о том, что происходит).
- Имейте в виду, что существуют способы разместить сайт бесплатно.
Реклама

Часть 4

Часть 4 из 4:

Оценка сайта

Загрузить PDF

Если вы делаете это ради денег, какие идеи могут принести больше прибыли? Какие идеи требуют больше вложений? Какие идеи кажутся достойными воплощения? Раз уж работа над сайтом отнимает у вас время, выберите идею, вызывающую в вас больше энтузиазма (для большей выгоды и практичности).
Созданный вами сайт может существовать ради забавы, прибыли или для всего сразу. Зная, чего ожидать от сайта, вам будет легче его спроектировать, а также собрать и проанализировать результаты.
Простые контентные сайты требуют меньше вложений, но из-за того, что любой может сделать контентный сайт, конкурентов у них достаточно. Чтобы получать прибыль от подобного сайта, вы предоставляете информацию и извлекаете прибыль благодаря рекламному трафику, например, через Google AdSense. Для оптимизации объявлений AdSense вы должны целенаправленно составить контент, чтобы он был интересен и приводил больше посетителей на сайт. Используйте определенные ключевые слова и термины, которые пользователи вводят в поисковых запросах. Только не перестарайтесь, иначе пострадает контент сайта, а пользователи вряд ли это оценят.
4
Будьте готовы к ответственности. Сайты электронной торговли, продающие товары, требуют к себе больше внимания и обслуживания. Вам нужно будет продумать отправку товаров, скидки, налоги, безопасный протокол обмена данными SSL, пополнение запасов товаров, а также все остальное, о чем должен заботиться владелец любого магазина. Обратная связь и рассмотрение жалоб крайне важны при продаже товаров онлайн. Многие компании также оказывают покупателям поддержку по телефону, которую, при необходимости, вы можете передать сторонним поставщикам услуг.
- Если целью является только дополнительный доход, вы можете продавать продукты третьих лиц через партнерские программы, что позволит вам зарабатывать без инвестирования в продукты и заботы об их отправке.
Какую категорию людей ваш сайт будет обслуживать? Проведите маркетинговое исследование, чтобы узнать больше о вашей аудитории. Вот что вам нужно знать: чем они занимаются? сколько им лет? каковы их другие интересы? Вся эта информация сделает ваш сайт более полезным. Однако не стоит предполагать, что ваш сайт будет затрагивать только одну группу – всегда обращайте внимание на тенденции, способные заинтересовать другие группы людей, чтобы вы могли угодить их интересам ради новых возможностей.
6
Проведите исследование ключевых слов. Это необходимо, чтобы понять, ищут ли пользователи темы, относящиеся к вашему сайту, а также для изучения ваших потенциальных клиентов. Наличие актуальных ключевых слов на сайте также позволит ему получить более высокие позиции в рейтинге поисковых систем. Инструменты от Google (например, google.com/trends/ и google.com/insights/search/#), Overture и другие сторонние программы позволяют упростить процесс исследования ключевых слов.
- Распределите выбранные ключевые слова по тексту, но так, чтобы само содержание не пострадало.
- Создание страниц, оптимизированных под поисковые системы, поможет людям находить ваш сайт, а это намного важнее дизайна. Что хорошего в сайте, который никто не видит?
7
Реклама. Когда сайт будет запущен, вам нужно как-то привлечь посетителей, так дайте им знать об этом!
- Отправьте ваш сайт на индексацию основными поисковыми системами. Вы можете сделать это самостоятельно или воспользоваться услугами специальных сайтов.
- Расскажите друзьям. Постоянно напоминайте о сайте в twitter. Добавляйте информацию о сайте в обновлениях статуса на Facebook, публикуйте скриншоты на Flickr, добавьте ссылку на него в свой профиль на LinkedIn. Важно делать это везде и всюду. Чем больше посетителей будет у сайта, тем лучше.
- Используйте e-mail адрес с вашим доменным именем. Посещайте другие сайты, которые дополняют ваш (но не конкурируют), предлагайте обмениваться ссылками или гостевыми записями в блоге. Пишите конструктивные комментарии в блоках и форумах и оставляйте ссылку на сайт в подписи.
- Используйте контентный маркетинг. Создание SEO-оптимизированных статей и размещение их на других сайтах иногда является полезным способом создания обратных ссылок на ваш сайт. Это может помочь вам повысить рейтинг сайта в поисковых системах, а также всегда быть в курсе обновлений поисковых систем, что часто влияет на SEO стратегии и может сделать их бесполезными или даже понизить рейтинг вашего сайта.
8
Обеспечьте качественный контент и обслуживание. Прежде всего, слушайте своих читателей и клиентов, учитесь на их опыте в использовании вашим сайтом.
- Принимайте всерьез конструктивные комментарии. Другие члены команды, поклонники и друзья могут подсказать новые идеи для упрощения навигации.
- Думайте о вашем целевом рынке или аудитории: об их потребностях, их разочарованиях, их обстоятельствах. Старайтесь сделать их жизнь легче и более информированной.
Реклама

Советы

Люди часто торопятся. В среднем, у вас будет от 3 до 7 секунд, чтобы привлечь взгляд пользователя, поэтому крайне важно, что посетители вашего сайта увидят первым. Чтобы сократить время загрузки сайта, не перегружайте его тяжелой графикой. Используйте сжатие, где это возможно. Используйте броские технологии JavaScript, Flash, Streaming Audio/Video и прочие экономно и только если это действительно важно для представления сайта.
Если вы нанимаете специалиста для написания кода сложного сайта, имейте в виду, что программист и дизайнер – это разные профессии. Большинство эффектных сайтов были созданы с привлечением специалиста по графическому дизайну. Для создания сложного сайта особенно полезно будет нанять хорошую команду: дизайнеры проектируют внешний вид и представление сайта; программисты делают всю внутреннюю часть, чтобы сайт работал; маркетологи позиционируют сайт и заботятся о его релевантности в поиске; а контент-менеджеры создают содержимое.
Если вы продаете какой-то продукт, который пользователи найдут через поисковые системы, убедитесь, что они сразу же увидят его, когда зайдут на ваш сайт. Чем больше посетитель делает кликов, тем вероятней то, что он уйдет на другой сайт.
Найдите популярные сайты и используйте их в качестве образца, даже если они не очень-то сочетаются с вашим. Что они делают правильно? Что интересного в их отображении, содержании и навигации по сайту? Включите соответствующие аспекты того, что вы узнаете от просмотра этих сайтов в свой собственный сайт, адаптируя под свои требования.
Начните с простых вещей, развивайте их и ищите способы совершенствования, даже если начальный результат будет... не очень. Не пытайтесь вникнуть во все сразу.
Если вы планируете продавать продукты через свой сайт, вы должны иметь безопасный способ принимать платежи кредитными картами. Вы можете открыть коммерческий счет, с которого будут списываться комиссии за транзакции, или использовать бесплатные платежные сервисы, вроде PayPal. Всегда внимательно читайте информацию, напечатанную мелким шрифтом. Имейте в виду, что многие кредитные фонды требуют гарантии в случае потери или повреждения отправленного товара (также обратите внимание на страхование).

Предупреждения

Никогда не обманывайте доверие посетителей. Уважайте их личную информацию. Спам, надоедливые всплывающие окна, неуместная реклама испортят вашу репутацию. Одним из способов завоевать доверие является четко сформулированное положение о конфиденциальности. Разместите заметную ссылку на положение о конфиденциальности на каждой странице сайта, а также везде, где запрашивается личная информация посетителя. Разместите подлинную контактную информацию. Если вам необходимо разместить рекламные объявления на сайте, объясните посетителям причину и покажите, что прилагаете максимальные усилия, чтобы сделать их посещение приятным. Только честно!
Если вы используете контент с другого сайта, будь то изображение, код JavaScript или что-то другое, получите разрешение и добавьте оригинальный источник. Если вы этого не сделаете, на вас могут подать в суд.
Запомните: никогда не удаляйте данные о своем аккаунте (логин, пароль и так далее). Если у вас не будет данных, и вы их забудете, у вас не больше будет возможности далее работать с сайтом. Что еще более важно, никому не говорите эти данные (за исключением адреса сайта).
Не увлекайтесь особо «новейшими веяниями» маркетинговых сайтов. Некоторые советы бывают полезными, и к ним стоит прислушаться, но большинство не стоят и гроша. Маркетинг – это не наука, а длительный и постоянно меняющийся эксперимент. Вы лучший судья тому, как работают (или не работают) ваши стратегии продвижения. Самый действенный подход из всех, это прислушиваться к вашим посетителям и учиться на их опыте.