ArtShok. Сайтостроение и немного SEO

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

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

Ошибка 404 означает, что браузер не может найти на сервере запрашиваемый файл или страницу.

Наиболее распространенные причины пребывания посетителей на странице 404:

• Неправильно набран адрес (URL)
• Ссылка в поисковиках устарела
• На вас ранее ссылались, но потом файл на сервере был переименован или перенесен в другое место, а ссылка осталась прежней
• После обновления вы не до конца проверили сайт на наличие “битых” ссылок

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

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

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

1.1 Кодинг: Начинаем

• Когда дизайн готов, начните с пустой страницы. Добавьте заголовки, навигацию, пример содержимого, и футер, потом добавьте html разметку и только после этого CSS.
• Сначала сбросьте стили по умолчанию. Часто нет необходимости задавать значение какого либо свойства, потому что есть значение по умолчанию. Некоторые любят делать Global white space reset, обнуляя отступы и поля всех элементов в самом начале файла стилей.
• Используйте главный файл стилей. Одна из наиболее распространенных ошибок новичков в том, что они забывают сбросить стили по умолчанию, это является причиной несоответствия оформления в различных браузерах. Браузеры тут не причем, прежде чем начать писать CSS следует сбросить стили по умолчанию.

master.css

@import url("reset.css");
@import url("global.css");
@import url("flash.css");
@import url("structure.css");

<style type="text/css" media="Screen">
    /*\*/ @import url("css/master.css"); /**/
</style>

• Создайте библиотеку вспомогательных классов. Полезные для отладки они должны быть исключены в окончательной версии (разделяйте разметку и оформление). Можно использовать сразу несколько имен классов (<p class="floatLeft alignLeft width75">...</p>)

.width100 {width: 100%;}
.width75 {width: 75%;}
.width50 {width: 50%;}
.floatLeft {float: left;}
.floatRight {float: right;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}

остальные советы по улучшению CSS кода »

1. Пользуйтесь словарями, чтобы выяснить значение слова (вполне возможно, что найдете еще что-нибудь интересное).
2. Попробуйте поработать с аббревиатурами.
3. Носите всегда с собой блокнот и ручку, чтобы всегда была возможность записать идеи.
4. Старайтесь не использовать без необходимости дефис и цифры.
5. Проверьте на сколько имя читабельно.

Еще 20 советов по подбору доменов

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

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

Давайте еще раз пробежимся по списку, может быть, откроете для себя еще что-то интересное:

1. Отбивка (Margin & Padding)
2. Шрифты (Font)
3. Фон (Background)
4. Границы (Border)
5. Списки (List)
6. Контуры (Outline)

Подробно о каждом способе оптимизации CSS