Подробная веб-сайте планирования полезные советы и примечания о том, как разработать сайт


  Share  
|

В storyboard является основой для сайта, но есть и многие шаги, прежде чем можно будет начать строительство. В Интернете развития, то большинство времени следует тратить на планирование.

  • • Подробная планирования сайта до строки кода никогда письменные
  • • Содержание руководящих
  • • Текст руководящие
  • • Цвет руководящие
  • • Навигация руководящие
  • • Графика руководящие
  • Визуальная руководящие
  • • Прочие руководящие принципы.

Подробная веб-сайте планирования

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

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

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

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

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

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

Содержание Примечания

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

Избегайте "Under Construction" страниц на сайте; Они не имеют ценности для посетителя. Если у вас есть информация, опубликуйте его. До тех пор, не упомянуть об этом. "Under Construction" может реально помешать поиска кадров с некоторыми из популярных поисковых систем и каталогов. Включить безопасности информации. Объясните Вашим клиентам, когда сделок или обмена информацией на веб-сайте надежности. Это важно, если ваш сайт будет принимать заказы кредитной картой.

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

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

Текст Примечания

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

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

Не настроить размер шрифта слишком мал, так как это слишком тяжело читать. Но не поставил его слишком большим, как это выглядит вы крик. Кроме того, не используйте ВСЕ ЗАГЛАВНЫЕ БУКВЫ, КОТОРЫЕ ТАКЖЕ ДРУГИХ COMES AS SHOUTING.

Цвет Примечания

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

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

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

Использовать по умолчанию цвета для ссылок, где это возможно. Синий текст, как правило, свидетельствует о unvisited ссылку. Фиолетовый, maroon, или темно синий, как правило, представляет собой ссылку вы посетили, а красный - это цвет активной ссылки. Она не должна быть сложной для посетителей для определения ссылок. Если вы решите не использовать цвета по умолчанию, ссылкам следует подчеркнуть, в последовательной форме через размер шрифта, стиля шрифта, или подчеркивает.

Навигация Примечания

Легкость навигации очень важно для Вашего сайта. Обеспечение навигационной панели в соответствии месте на каждой странице ссылки на все основные страницы вашего сайта. Сделать это легко попасть с одной страницы на любую другую. Поисковые системы могут индексировать страницы сайта, поэтому главной странице сайта может быть не первой странице посетители. Никогда мертвых заканчивается там, где зрители прокрутите вниз экран, или два информации только найти, что они должны прокрутить весь путь обратно на вершину, чтобы перейти (поскольку у вас нет ссылки внизу страницы). Последовательный перспективных и wellpositioned навигационной панели с функционированием ссылки - это ключ к эффективной навигация по сайту.

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

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

Графика Примечания

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

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

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

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

Изобразительное Примечания

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

  • • Netscape Navigator 7.x
  • • Netscape Navigator 6.x
  • • Netscape Navigator 4.x
  • • Opera Browser
  • • Mozilla Firefox
  • • Microsoft Internet Explorer 7.x
  • • Microsoft Internet Explorer 6.x
  • • Microsoft Internet Explorer 5.x
  • • Microsoft Internet Explorer 4.x
  • • America Online 9.x
  • • America Online 8.x.

Также убедитесь, что вам обзор вашего сайта на Mac, так и PC, как иногда веб сайта различаться в зависимости от платформы. Дизайн сайта для различных ширины экрана. Попробуйте для посетителей независимо от экрана они используют. Некоторые Пользователи по-прежнему управлять своими системами на 640 пикселей на 480 пикселей; Учитывайте это при проектировании Вашего сайта. Используйте свой анализ трафика Web программного обеспечения для определения экрана в настройках посетителей. Ваш веб-сайт должен дабы избежать прокрутки бегущей строки текста. Прокрутка маркизы трудно читать, и не совместима со всеми браузерами. Просто после текста прямо на ваших страницах, если у вас есть нечто важное сказать.

Другие Примечания

Ваша страница должна быть 50 КБ или менее и должны быть показаны на не более одного или двух экранах. Исследования показали, что посетители редко подождать за 15 секунд загрузки сайта. Проверьте время загрузки сайта с использованием различных скоростей подключения для обеспечения того, чтобы разумно для всех пользователей. Также избежать неработающие ссылки. Эти ссылки, которые не идут нигде и зритель, как правило, получает "404 - Файл не найден" сообщение об ошибке с веб-сервера, нажав на неработающую ссылку. Убедитесь, что периодически все ваши ссылки еще активны.

в этой статье идет речь добавил д-р Вальтер Смит

Share  

© 2005-2010 E-articles.info All Rights Reserved - Terms and conditions