Советы по организации страници

           главная страница сайта              Главная                                      обмен ссылками с тематическими сайтами                 Обмен ссылками                                        гостевая книга             Гостевая                                       обратная связь для отправки почты на e-mail               Обратная связь              |

Webmaster-Soft.ru - программы, скрипты для вебмастера            Меню

 

Книги для веб-мастера, книги програмирования  Программы
Электронные книги  Книги
Журналы для вебмастеров   Журналы вебмастеру
  Скрипты
Статьи
Учебник HTML  Учебник HTML
Базы каталогов для раскрутки сайта  Базы каталогов
Шаблоны, картинки, смайлы, иконки  Архив программ
   Интернет магазин
  Каталог статей
  Доска обьявлений
 

 

 

 

 

Работа в сети интернет
Лучшие системы в сети
для заработка

 

 
 

 


 

 

 

 

В помощь Web-Дизайнеру

Создание сайта,  оптимизация,  раскрутка

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




 

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

 

СОВЕТЫ ПО ОРГАНИЗАЦИИ ПРОСТРАНСТВА ГЛАВНОЙ
СТРАНИЦЫ И УСКОРЕНИЮ ЕЁ ЗАГРУЗКИ
 







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

Информация о продаваемом продукте/услуге должна располагаться выше "сгиба" страницы, то есть таким образом, чтобы посетитель мог ее заметить без использования полосы прокрутки.

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

Многие советуют сделать главную страницу как можно меньше (это не относится к мини - сайтам), но, тем не менее, включить в ее содержание наиболее важные элементы.

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

Форму для подписки на рассылку желательно расположить как можно выше.

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

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

Немного официальной статистики. Согласно данным Forrester Research и Gartner Group, коммерческие сайты теряют 1,1- 1,3 миллиарда долларов в год из-за того, что клиенты уходят с сайтов, так и не дождавшись их загрузки.

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

Что тормозит скорость загрузки?

слишком много графики
анимированная графика
слишком много баннеров
спецэффекты
объемные страницы.

Что можно сделать?

Меры по ускорению загрузки страниц, в основном, сводятся к трем вещам:
сокращение количества графических файлов
оптимизация графики
работа с таблицами.

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

1. Оптимизация графики.

Есть прием, способный значительно уменьшить время загрузки сайта. Можно оптимизировать графику без ущерба для ее качества. Одна из функций Adobe Photoshop позволяет сократить количество цветов в графическом файле, что существенно снижает его объем, причем измененный файл визуально ничем не отличается от исходного. Если у Вас нет этой программы, то можно облегчить "вес" графики интерактивно, используя встроенный графический редактор на gifworks.com/. На открывшейся странице Вы увидите панель инструментов. Процесс редуцирования цветов предполагает две возможности, как непосредственно на имеющемся изображении на Вашем сайте (с этим у меня ничего не получилось), так и загрузку файла с Вашего компьютера. О втором варианте мы и поговорим. Загрузите нужный файл, затем используйте опции "optimize"- "reduce colors" (нажмите несколько раз). В новом окне увидите то, что получилось: несколько картинок. Если характеристики полученных изображений Вас не устраивают, продолжайте дальше, до желаемого эффекта. Для этого кликните по ссылке, которая располагается ниже всех Ваших картинок. Сохраните облегченный рисунок на жестком диске своего компьютера, используя правую кнопку мыши.

2. Таблицы.

Трюк с мини - таблицей, позволяющий выиграть время.

Таблицы - это блоки информации, которые являются частью формата Вашей веб-страницы. Как правило, веб-страница - это одна большая таблица. Можно создать стартовую таблицу, которая загрузится очень быстро, так что посетитель может ее просматривать, в то время как все остальное постепенно появляется на экране его браузера. Сделайте небольшую таблицу в один - два параграфа (можно включить и Ваш баннер, который должен располагаться сверху), а все остальное поместите во вторую таблицу ниже. Браузер будет отображать верхнюю таблицу немного раньше остальной части страницы. Таким образом, Вы сможете выиграть время: посетитель не нервничает перед пустым экраном, а уже занят делом. Этот прием особенно эффективен, когда на странице большой объем текста. Интересный, на мой взгляд, пример такой загрузки на cyberwavemedia.com/roll/ .

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

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

Еще несколько советов.

Указывайте размеры графических файлов.

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

Улучшение вида страницы без большого объема графики.

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

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

Эти цветные таблицы могут выполнять еще одну функцию: они делят главную страницу сайта на смысловые блоки. Такие таблицы могут включать цветной заголовок разделов (продукты, новости, статьи и прочее).

Хорошо ли выглядит наш сайт?

Совершенно бесплатные услуги anybrowser.com/ могут много поведать Вам о Вашем сайте за считанные минуты.

HTML-валидатор выдает все, кроме рекомендаций! Он рассмотрит и прокомментирует HTML - код Вашего сайта, а в конце укажет построчно все ошибки.

Link Check укажет все неработающие ссылки.

Screen Size Test рассмотрит сайт в экране с другим разрешением.

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

На сайте http://www.netmechanic.com/ представлены аналогичные услуги. Здесь Вы сможете отследить даже реальное время загрузки Вашего сайта.

На сайте также бесплатно доступен онлайновый комплект инструментов - сервис по проверке HTML, неработающих ссылок и многое другое.

Заключение.

В этой статье - всего лишь несколько советов. Создание сайта - это большой труд и этому стоит учиться.

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

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



 






 

Страницы < 1 2 3 4 5 6 7 8 9 10 >
 

 

<<<В начало>>>

 







 

Ramblers.ru

Rambler's Top100

 

    

  

 
  
  

 

Inet-Bazar.ru
 Интернет магазин цифрового товара.

--==--

 

  

 

Copyright © 2006 Oleg Velikanov