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

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов

24 11

2011

Список самых популярных наименований class’ов и id’шников

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

  • #header - для “шапки”
  • #footer - для “подвала”
  • #center - центральная часть
  • #left, #right, #leftside, #rightside - для левого и правого сайдбара
  • #content - для контентной части
  • #news - новости
  • #menu - меню навигации
  • #submenu - как правило дополнительное меню, например, меню каталога
  • #subscribe - форма подписки
  • #feedback - форма обратной связи

Список классов:

  • .active - указание на то, что элемент активен (в меню или подменю)
  • .left, .right - указание на выравнивание слева, справа (обтекание); стили для картинок с различным выравниванием
  • .title - блок заголовка
  • .clear - обнуление обтекания
  • .logo - логотип
  • .phone, .address - блок с телефоном и адресом, как правило в шапке
  • .btn - стиль для кнопки (”Отправить” или “Подписаться”)
  • .descr, .full - краткое описание, полное описание (например, в каталогах)
  • .foto, .gallery, .fotogallery - класс для отображения фотогалереи

Ну это из моей практики, а вот что говорит статистика Далее …

23 11

2011

Как подготовить PSD макет к верстке

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

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

22 11

2011

Блогинг как инструмент саморазвития

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

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

15 11

2011

Инструкция для заказчиков по работе с фрилансерами

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

15 11

2011

Как не сгореть на работе

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

15 11

2011

О доменных зонах. Зачем регистрировать домен com

доменные зоныСейчас уже все сложней стало подобрать красивое доменное имя. Альтернативным вариантом становится покупка доменов не в зоне .ru, а в зонах .su и .рф. При чем в последнем случае домен хотят купить все, кому не лень, даже не задумываясь о том, нужен он им или нет, на сколько эффективно потом будет продвигать сайт на зарубежном (да что там на зарубежном, на российском бы продвинуть) рынке. По этим же причинам я не являюсь сторонником покупки доменов с российским написанием, а-ля “что-то-там-на-русском.su”, потому что по факту в адресной строке мы имеем что-то типа “xn-80-akg23odadihi.su”

Ну скажите, какой здравомыслящий европеец будет запоминать эту абракадабру?! Далее…

14 11

2011

Что такое редирект и зачем он нужен

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

Например, вы вбиваете в адресной строке браузера доменное имя одного сайта, а попадаете совсем по-другому адресу. Такое может быть в том случае, если компания, например, купила пару доменов, один из которых продвигает в поисковиках, а второй рекламирует в печати или использует на визитках. Или наоборот: сначала сайт висел на одном домене, а потом компания купила более “красивое” имя и решила продвигать его. Зачем нужен редирект…

13 11

2011

Что подарить компьютерщику?

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

солнечный бонсайСолнечный бонсай. Листья “растения” улавливают солнечную энергию, преобразовывая ее в электрическую. Автором бонсая Electree является французский дизайнер Вивьен Мюллер. Пробная партия составляет 400 шт.
Дерево может принимать любые формы, за счет подвижности отдельных частей.
Аккумулятор полностью заряжается менее чем за 36 часов на солнцем, а емкость составляет 13500 миллиампер час (mAh) (для сравнения - iPhone 1500 mAh).
Электрические выходы: USB разъём и AC штекер. Еще 9 вариантов подарков…

13 11

2011

Зачем компании заказывать поисковое продвижение, часть 2?

зачем заказывать продвижениеВ прошлой статье мы определились с вами зачем в принципе компании нужно продвигать свой сайт в поисковиках. Коротко вывод звучит так: выше позиции → побольше посетителей → больше клиентов → больше заказов → выше прибыль. Теперь мы рассмотрим вопрос почему именно ЗАКАЗЫВАТЬ, а не делать это собственноручно.

Примерно год назад был у меня случай: звонит бывшая клиентка (честно говоря, отношения у меня с ними не заладились, ребята вели двойную игру и в конечном итоге не заплатив денег пошли сотрудничать с конторой, от которой они якобы собирались уходить) и просит посмотреть систему управления этой компании, ибо они (опять) хотят уйти от них и продвигать сайт САМОСТОЯТЕЛЬНО! барышня сходила на какие-то курсы и пришла к выводу, что теперь сможет сама осилить столь сложную науку. От меня требовалось посмотреть поддерживает ли система работу с мета-тэгами, ну и выделение текста именно строгном, а не болдом. Ситуация повеселила… (кстати, система не поддерживала работу с метатэгами, по крайней мере с теми правами, которые были у клиента). Далее…

12 11

2011

Зачем компании заказывать поисковое продвижение?

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

Если дизайн и разработка сайта хоть и не материальные услуги, но по крайней мере результат от их заказа клиент (как правило фирма) может увидеть сразу. Допустим был старенький сайт, взяли и поменяли дизайн, добавили юзабилити, каких-то фишек и опа! - повысилась конверсия, пошли звонки. Всем счастье и радость. Но как правило дело обстоит по-другому: менеджер компании обзванивает клиентскую базу, назначает встречи и под девизом “У вас после создания сайта повысятся продажи!” продает клиенту РАЗРАБОТКУ сайта. Вот проходит месяц, сайт создан, потом еще месяц на его наполнение (сроки примерные, понятное дело, что все зависит от типа сайта и объема контента), но… продажи не идут! Клиент не получает те обещанные миллионы, которые они уже в предвкушении ожидал. Далее…