Несколько полезных советов по дизайну, верстке и монетизации
26 января 2010 |
Андрей Радзевич
Поскольку только сегодня я заменил дизайн на блоге, то будет актуальным и пост, в котором я поделюсь с вами некоторыми практическими советами, которым руководствовался я при смене темы оформления. Пост будет полезен и новичкам и гуру (причем как «гуру», так и гуру) — откровений особых тут нет, просто все структурировано и понятно. Поехали.
1) Не переусердствуйте с графикой. Пользователи не станут долго ждать, пока загружается ваш, пускай и безумно красивый, но очень тяжелый сайт.
2) Не стоит увлекаться Java-скриптами и апплетами. Всего должно быть в меру. А в таких вещах, как скрипты, «немножко не хватает» — это то, что вам нужно!
3) Оптимизируйте графику для сайта. Не используйте большие изображения. Если существует необходимость все же вставить большую картинку – разбейте её на части и вставьте их в таблицу. Это заметно ускорит процесс загрузки графики вашего сайта.
4) Обязательно указывайте размеры картинки в IMG-теге. Если вы не укажете параметры WIDTH и HEIGHT, текст, расположенный поблизости от картинки, будет прыгать при загрузке, что очень неприятно мозолит глаза посетителям. Да и некоторые маргинальные браузеры упорно не желают нормально отображать такие картинки.
5) Если вы хотите создать проект на годы и еще зарабатывать на нем – обязательно берите нормальный платный хостинг с доменным именем второго уровня. Бесплатный хостинг и домен третьего уровня подойдёт лишь для личной страницы или уж очень персонального блога.
6) Обязательно указывайте в описании изображений ALT-текст. Пользователь должен видеть то, что будет на вашей странице ещё до того, как загрузиться графика.
7) Не стоит использовать большое количество вложенных фреймов со сложной системой навигации. И, вообще, используйте фреймы как можно реже. Идеально количество фреймов на вашем сайте должно описываться фразой: «Их нет!».
Хороший способ отбить первоначальный расход на создание сайта – сотрудничество с партнёрскими программами.
9) Если навигация на вашем сайте осуществляется при помощи графических кнопок, обязательно сделайте так же альтернативные текстовые ссылки. Многие пользователи отключают загрузку графики в своих браузерах для увеличения скорости работы в интернете. И в случае, если у вас не будет такой альтернативной текстовой навигации, они не смогут нормально работать с вашим сайтом.
10) Если вы собираетесь работать с партнёрскими программами – выбирайте партнерку по специфике вашего сайта. Тематическая партнёрская программа даёт куда большую отдачу. Например, если ваш сайт посвящен кинематографу, оптимально будет использовать кино–партрёнку. Я бы вам порекомендовал работать с кино-партнеркой kinobros.
11) В текстах на сайте не используйте слишком часто повторяющиеся восклицательные знаки, смайлики и уж тем более – КАПС!!! Если хотите выделить что-то в тексте, лучше сделайте это, изменив цвет шрифта, а не используйте технику ЙаБлОнДиНкО!
12) Не используйте мерцающие, переливающиеся или анимированные ссылки – от них только рябь в глазах. Хотите как-то выделить ссылку – сделайте лучше небольшую графическую кнопку.
13) Обязательно проверяйте корректность отображения вашего сайта в разных разрешениях экрана. Если лень прогонять весь список, проверьте хотя бы самые популярные — 800×600 и 1024×768.
14) Горизонтальная полоса прокрутки – это зло! И даже не спорьте, просто поверьте!
15) Если вы хотите отказаться от классического сочетания – белый фон, черный шрифт, то учтите – сочетание должно быть одновременно и не напрягающим зрение и контрастным! Кислотно-желтые буквы на черном фоне – это слишком тяжело для глаз, светло-розовые буквы на белом фоне будут нечитабельны. Подбирайте либо светлые буквы на тёмном фоне, либо тёмные буквы на светлом фоне. И никогда не используйте ярких цветов! Лучше также использовать не чистые цвета, а их оттенки: темно-серный вместо черного, цвет морской волны вместо синего, светло-оранжевый вместо жёлтого и т.д.
16) Помните про золотое правило трёх кликов – абсолютно любой раздел или документ вашего сайта должен быть доступен после трёх кликов мышки. Если кликов больше, значит, навигация вашего сайта требует доработки.
Собственно все — возражения, дополнения?
отличные советы!
Что знаю, что-то беру на вооружение, о чем-то задумался
Мне кажется проверять сайт в разрешении 800×600 немного не актуально уже...
Немного ВООБЩЕ не актуально. Больше — да, меньше — да, а вот именно 800 на 600 — нет
Правила четкие и необходимые. Всем их нужно придерживаться!
Я хотел бы уточнить по сотрудничеству с партнерками, вы говорите.
Когда оптимальнее начинать не боясь санкций и с каким типом?
800*600 и 1024*768... увы, но прошлый век. Сейчас совершенно необходимо проверять на высоких разрешениях. Сайт который норм смотрится на 1024, на разрешении 1600 и больше может смотреться как споля в тазике.
Также рекомендую для изображений прописывать не только alt, но и title (например для подписи человека на фотографии)
Хорошие правила, только как уже говорилось, 800×600 прошлый век. А вот 1024×786 надо проверять, привет нетбукам с их 1024×600 + неплохо бы проверять, как выглядит сайт на 1280×800 и 1280×1024
Great Website.
Cherz!
Вот и я о том же что в пункте номер 5 указано. На первых порах существования своего сайта я испытал на себе всю полноту нелюбви людей к ГБ в виде комментариев, на что отвечал, тыкая носом в хостинг и цену на него, ну не рентабельно ГБ делать на качественном хостинге. Тринадцатый пункт очень важен, но к сожалению заказать нормальный диз и тему сверстать резиновую у профи не каждый начинающий блогер может себе позволить. Свои же творения для себя же не слишком хороши (я очень самокритичен).
Толковый сабж, напомнил кой чего мне (типа в какую сторону «курить») — пойду попытаюсь реализовать.
Спасибо большое автору за отличные советы
Дельные советы даете, даже не новичкам это интересно и полезно почитать! Благодарю!
в наше время о скорости инет пора забывать
Не делать навигацию на flash. Боты поисковиков по таким меню не научились еще ходить.
Насчет flash, не у всех стоят флеш-плееры. тоже с флеш не работаю.
Я вообще не уверен ни в одном из этих пунктов. Мне кажеться дело лично каждого. А по поводу таблиц с картинками, это вообще как по мне аут.
Правило 3-х кликов не всегда удается реализовать. Да и нужно оно в основном для продажи ссылок, людям большая вложенность страниц не мешает, если она оправдана. Пример — woweb.ru.
Андрей, от куда дровишки про флеш. Я наоборот слышал, что и Яша и Гоша давно распознают такие фичи
Золотое правило на моё сайте работает =)
Никакие не дровишки, это подтверждают даже собственники ПС на семинарах. Вот через пару лет заработает.
Никакие не дровишки, это подтверждают сами собственники ПС на своих семинарах. Но они уже подходят к этому, скоро научат.
Андрей, тады ой, видимо, что-то перепутал. А когда был этот семинар, на который ты ссылаешься?
Спасибо за советы...буду использовать=)
Узнал много интересын фактов.Даже половину записал в блокнот.
Ну, они регулярно в разных городах проходят, по инициативе крупных торговых компаний, те посылают на них своих сеошников, для повышения квалификации. В Харькове я сходил на один открытый. Ничего не понял, конечно. Это для умных дядь.
Здравствуйте. спасибо за интересные заметки и подскажите пожалуйста такой момент по поводу изображений на сайте- вот есть у меня картинка размерами 800X600, но вывожу я её на сайте размерами ниже, указывая WIDTH="400" и HEIGHT="300". Можно ли так делать или лучше пережать картинку в том же фотошопе и выводить сразу в правильных размерах ? Увеличит ли это скорость загрузки страницы в браузере ?
Заранее спасибо.
Делать так, конечно, можно, кто же тебе запретит. Но для показа картинки пользователю браузер должен будет загрузить её всю. Т.е. тратится время и трафик — это плохо. Уж лучше иметь две картинки — маленькую — для страницы и большую — на случай, если по ней кликнут, чтобы поподробнее разглядеть. Я обычно так делаю, если, конечно, там есть что разглядывать.
Почему такая дискриминация доменов третьего уровня?
Потому что это характеризует низкий бюджет и как следствие — несерьезность проекта
Юрий, лучше ужать до нужного размера.
Max, в случае с зоной .ua здесь уже другой разговор и другие правила. Все-таки для того, чтобы зарегить домен второго уровня в Украине нужно обладать юридическим лицом, а это не всем нужно.
Побольше бы советов по монетизации, а то в основном всё проходили. Правда на некоторые пункты обратил внимание. Спасибо.