em vs. px vs. pt vs. percent #

Одним из наиболее запутанных аспектов CSS является применение font-size атрибута для масштабирования текста. Используя CSS, вы можете изменить размер текста в браузере с помощью четырех разных единиц измерения. Какая из этих четырех единиц лучше всего подходит для веб? Поиск окончательного ответа затруднен, поскольку вопрос сам по себе сложный.
1. «Ems» (em): «em» — это масштабируемая единица, которая используется в веб-документах. «em» равна текущему font-size, например, если font-size в документе 12pt, 1em равен 12pt. «em» масштабируема по своей природе, так 2em будет равен 24pt, 0.5em будет равна 6pt и т. д. Использование «em» становятся все более популярным в веб-документах из-за масштабируемости и возможности с пользой применять в мобильных устройствах.

2. Pixels (px): «px» имеют фиксированный размер единиц, которые используются на экранах (например, для чтения на экране компьютера). Один пиксель равен одной точки на экране компьютера (самый малый элемент разрешения вашего экрана). Многие веб-дизайнеры используют px в веб-документах в целях получения пиксель-идеального(pixel-perfect) представления своего сайта, отображаемого в браузере. Одна из проблем, с использованием px заключается в том, что эти единицы не позволяют изменять масштаб для слабовидящих читателей или мобильных устройств.

3. Points (pt): «pt», традиционно используются в печатных СМИ (все, что должно быть напечатано на бумаге, и т. д.). Один «pt» равен 1 / 72 дюйма. «pt», так же, как и «px», имеют фиксированный размер единицы и не могут масштабироваться.

4. Percents (%): Единицы измерения в % похожи на «em», за исключением нескольких принципиальных различий. Во-первых, текущий font-size равен 100% (т. е. 12pt = 100%). При использовании "%", ваш текст становится полностью масштабируемым для мобильных устройств и удобства пользователя (accessibility).

Итак, в чем же разница?
Легко будет понять разницу между единицами font-size, когда вы увидите их в действии. Как правило, 1em = 12pt = 16px = 100%. При использовании этих размеров шрифта, давайте посмотрим, что происходит, когда вы увеличиваете базовый размер шрифта (с использованием CSS селектора body) от 100% до 120%.
em vs. px vs. pt vs. percent

Как вы можете видеть, «em» и "%" увеличили размер шрифта, в то время как «px» и «pt» этого не сделали. Установка абсолютного размера для вашего текста может быть простым делом, но гораздо лучше для ваших посетителей использовать масштабируемый текст, который может быть отображен на любом устройстве или любой машине. По этой причине, единицы «em» и "%" предпочтительнее в использовании для текста веб-документа.

«em» vs "%"
Мы выяснили что единицы «px» и «pt», не лучшим образом подходят для веб-документов, что заставляет нас использовать «em» и "%". В теории, единицы «em» и "%" являются идентичными, но на практике они имеют незначительные различия, которые важно учитывать.

В приведенном выше примере мы использовали в качестве базовой единицы font-size проценты (в тэге body). Если вы измените вашу базовую единицу font-size c "%" на «em» (то есть body {font-size: 1em;}), вы, должны бы не заметить разницы. Давайте посмотрим, что происходит, когда «1em» является нашей базовой единицей, и когда клиент меняет «Размер шрифта» в настройках своего браузера (такая возможность предусмотрена в во многих браузерах, например, Internet Explorer).
em vs. px vs. pt vs. percent

Когда в браузере клиента размер текста установлен в «средней», то незаметно никакой разницы между «em» и "%". Однако, если параметр изменять, разница становится очень большой. При установке «Smallest» «em» гораздо меньше, чем "%", а при установке «Largest» наоборот «em» отображается гораздо большим, чем "%". И хотя многие утверждают, что единицы в «em» масштабируются так, как задумано, на практике текст в «em» масштабируется слишком резко, и при этом наименьший текст становится неразборчивым на некоторых машинах.

Вердикт
В теории, единицы «em» — это новый и предстоящий стандарт размера шрифта в Интернете, но на практике, единицы в "%" позволяют отображать текст для пользователей более последовательно и удобно. При смене параметров клиента, текст в "%" изменялся в разумных пропорциях, что позволяет дизайнерам сохранить читабельность, доступность, и дизайн. Победитель: процент (%).
Стянуто с хабрахабр

Лично я при верстке предпочитаю px и percent.

Немного времени Глибу #

Сегодня решил, сделать veselov.sumy.ua валидным. И у меня это получилось, хоть и не без жертв. Пришлось удалить некоторые счетчики, а так же блок «последнее видео» с ютуба (его ацкие ссылки не проходят w3c).

Появились еще некоторые интересные идеи по сайту, возможно их тоже осуществлю.

- XHTML 1.0 Transitional
- CSS2.1

Ура товарищи!

Получить качественный трафик (26 способов) #

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

2) Доменное имя.
Если вы хотите раскрутить название (бренд) вашей фирмы, тогда вам просто необходимо создать доменное имя, отражающее её название. Например, если ваша компания называется Kawunga, тогда доменное имя для такой компании должно быть, по крайней мере, www.kawunga.com. А если имя уже занято, тогда используйте словосочетания в доменном имени, например, www.kawungawidgets.com. Не пишите ничего лишнего, используйте не больше, чем два слова.

3) Избегайте "песочниц".
После обдумывания названия вашего будущего домена, его следует сразу же купить и зарегистрировать, и чем раньше, тем лучше. Привяжите его к какому-нибудь хостингу и опубликуйте на нём, по крайней мере, одну страницу, сообщающую некую справочную информацию о вашей фирме и вашей деятельности со словами, что скоро выйдет расширенная версия вашего сайта. Убедитесь, что ваш сайт полностью проиндексирован Google и Yahoo (предварительно не забыв добавить заявку на индексирование в них или же опубликовать ссылку на ваш сайт на каком-нибудь популярном веб-сайте).

4) Создайте контента.
Создайте сайт размером до 30 страниц с хорошим оригинальным контентом. Таким образом, поисковикам будет, что индексировать на вашем сайте. Это также увеличит ваши шансы попасть в результаты поиска по многочисленным ключевым запросам.

5) Дизайн сайта.
Придерживайтесь принципа "не гонитесь за крутизной". Сделайте простой сайт. Используйте внешний CSS-файл, уберите со страниц код javascript, сохранив его во внешние файлы, не используйте фреймы, не используйте флеш, замените его изображением. Не следует использовать перегруженный сайт, предлагая его посетителю. Ваш сайт должен быть красивым и простым, позволяя пользователю легко найти то, в чём он нуждается.

6) Размер страницы.
Чем меньше размер вашей страницы, тем лучше, особенно для домашней страницы. Оптимизируйте изображения на сайте, убедитесь, что страницы сайта быстро загружаются. Большинство людей и бизнесменов на Западе нуждаются в высоких скоростях. Если вы уверены, что страницы вашего сайта грузятся очень медленно, возможно, что вы уже потеряте вашего посетителя, даже не позволив ему узнать о вас и вашей деятельности через ваш сайт.

7) Юзабилити.
Убедитесь, что на вашем сайте соблюдены все правила хорошего тона. Помните, что люди проводят больше времени на тех сайтах, которые не попирают общие правила дружелюбия к пользователям. Не используйте PDF-файлы для публикации вашей информации для чтения в режиме online. Изменяйте цвета для ссылок, по которым уже был совершён щелчок, и используйте хорошие информативные заголовки. Изучайте различные методы улучшения юзабилити вашего веб-сайта. В любом случае, потраченное время всегда окупится качественным трафиком с поисковых систем и довольными посетителями.

8) Оптимизация.
Используйте ключевые фразы, которые вы выбрали для оптимизации сайта, в теге title (самый важный элемент), в заголовках (где возможно) и в самом тексте страницы. Убедитесь, что текст страницы соответствует теме вашей ключевой фразы. Если вы продаёте различные мелкие полезные приспособления для чего-либо, тогда и пишите о них, а не просто вставляйте одно ключевое слово в текст другого содержания.

9) Глобальные ссылки.
Глобальные ссылки – это такие ссылки, которые не изменяются, находятся на каждой странице и служат для доступа к главным разделам сайта с различных страниц, своего рода некая глобальная навигация на сайте. Очень часто глобальные ссылки расположены в левой части страницы, иногда вверху и внизу страницы. Такие ссылки должны быть на каждой странице вашего сайта. Я обычно создаю панель с глобальными ссылками вверху страницы, а также и внизу. Выбирайте, что вам больше подходит.

10) Заголовки.
Используйте жирные заголовки. В Интернете люди просматривают тексты, но не читают их, поэтому всё, на что они обращают своё внимание – это заголовки. Если ваши заголовки не отражают своих целей, то они не позволят посетителям заинтересоваться вашим контентом.

11) Карта сайта.
Создайте карту вашего сайта со ссылками на каждую страницу сайта. Поддерживайте её в современном состоянии, постоянно обновляйте ссылки на ней. Этот способ позволит поисковым паукам полностью проиндексировать ваш веб-сайт.

12) Контент.
Добавляйте каждые 2-3 дня по 200-500 слов на ваш сайт. Всегда создавайте оригинальный контент и не копируйте чужой. Чем более оригинален и интересен ваш контент, тем больше людей прочитают его, поставят ссылку на него и, самое важное, они вернутся к вам опять в поисках интересной информации.

13) Только "белая" оптимизация.
Избегайте методов "черной" оптимизации. Этот метод состоит в получении высокой релевантности поисковых систем по отношению к вашему сайту.
Многие пользователи прибегают к использованию запрещённых методов реализации оптимизации сайта. Сюда может входить и наполнение страницы пустыми ключевыми словами, и генерирование doorway-страниц, невидимого текста, клоакинга и т. д.

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

14) Анализ конкурентов.
Кто на вас ссылается? Используйте Yahoo, чтобы увидеть обратные ссылки на ваш сайт. Например, напечатайте что-то вроде: link:http://www.yourdomain.com в Yahoo. Пытайтесь получить ссылки на ваш сайт с сайтов ваших прямых конкурентов.

15) Публикация.
Публикуйте ваш сайт в каталогах следующих типов:
- В Dmoz и Yahoo;
- Каталогах по теме схожих с вашей (если есть платные каталоги – платите, если у вас есть деньги, но только, если цена обоснованная);
- В каталоги, которые относятся регионально к вашему сайту; если вы планируете работать в регионах, тогда публикуйтесь в жёлтых страницах (поскольку такие страницы используют поисковые системы для поиска в регионах).

16) Блоги.
Начните вести блог о вашей деятельности и пишите новые записи, по крайней мере, раз в неделю. Позволяйте вашим пользователям их комментировать или даже лучше, если вы позволите им писать свои записи в ваш блог. Этот метод может создать дополнительный контент на вашем сайте, который будет являться стимулом вернуться на ваш сайт.

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

Избегайте обоюдного обмена ссылками, различных линкопомоек и других способов получения ненатуральных ссылок. Они, может быть, ничего серьёзного вам не сделают, но Google проверяет, когда вы получили ссылку, сколько она там находится, кто ссылается на сайт, который ссылается на вас, где вы завтракаете, где живёте и т. д. (не в такой степени, но всё же...).

18) Статистика.
Убедитесь, что на вашем сервере используется хорошая программа для отображения статистики. Используйте её! Если у вас нет доступа к такой программе, тогда заплатите за неё или используйте другие платные аналоги. Без знаний информации о пользователях вашего веб-сайта, вы теряете одну из самых важных функций, которая помогает улучшать ваш сайт.

19) Плати за клик (PPC).
Зарегистрируйтесь в Google Adwords и Yahoo Search Marketing. Тратьте деньги на то, чтобы люди приходили на ваш сайт. Этот способ создаст устойчивый поток посетителей на ваш сайт, создавая особенные условия, которые позволяют посетителей превратить в ваших клиентов. Вам не нужно быть первым, вам даже не нужно быть пятым, только убедитесь, что ваш сайт находится на первой странице результатов поиска по ключевому запросу. Тогда цена, вложенная в рекламу, окупит себя сама.

20) Оглянитесь вокруг.
Будьте информированы о том, что нового происходит в сфере, в которой вы работаете. К примеру, если новый продукт появится только в новом сезоне, то вам следует о нём писать уже сейчас. Попробуйте стать его первым распространителем. Поисковые системы и многочисленные ссылки на ваш сайт наградят вас.

21) Статьи.
Пишите на каждой неделе новую статью и публикуйте её, где только знаете (с обратной ссылкой на ваш сайт). Поместите также эту статью и на ваш сайт. Этот способ позволит не только увеличить количество ссылок на ваш сайт, но и увеличит количество посетителей на вашем сайте. А что самое главное, люди, пришедшие на ваш сайт по таким ссылкам, будут уже видеть вас экспертом в той области, в которой вы работаете. Они будут даже искать ваш сайт, вводя в поисковую систему ваше имя.

22) Изучайте трафик.
После 30-90 дней работы сайта, у вас уже будет достаточно результатов, чтобы изучать вашу статистику. Просматривая статистику, ответьте на следующие вопросы:

Откуда приходят посетители?;
Какие поисковые системы они используют?;
Что они вводят в поисковую систему?;
Какие страницы вашего сайта посещаются больше всего?;
На какие страницы входят пользователи с поисковиков?;
С каких страниц они уходят с вашего сайта?;
Какими путями они исследуют ваш сайт, через какие страницы проходят?

23) Проверьте вашу раскрутку.
После 3 - 4 месяцев проверьте наличие вашей ссылки в каталоге Dmoz.org и в любых других каталогах, регистрацию в которых вы проходили. Если ссылка на ваш сайт не была добавлена, тогда попробуйте зарегистрироваться опять, а ещё лучше, напишите письмо администратору того каталога, который отказал вам в публикации ссылки и спросите его, почему он это сделал. Также попробуйте найти ещё несколько каталогов, публикация ссылки в которых даст наибольший эффект вашему сайту, и зарегистрируйтесь в них.

24) RSS-фиды.
RSS (Real Simple Syndication or Rich Site Summary) становится мощным инструментом для интернет-маркетолога. Вы можете быстро и просто добавлять новый контент на ваш сайт. Фиды статей очень часто обновляются, так что вы можете дать вашим посетителям (и поисковым машинам) то, что они хотят – новый контент. Вы можете использовать RSS для того, чтобы раскручивать новый контент, такой как новые статьи, блоги, пресс-релизы и т. д.

25) Пресс-релизы.
Пресс-релиз – это записанный диалог между вами и журналистом любой области СМИ (газеты, радио, телевидение, журналы) для того, чтобы делать новые заголовки новостей. Пресс-релиз создаётся для того, чтобы анонсировать публикации новой статьи или новой информации о компании и о продуктах, производимых в ней. Если ваш пресс-релиз достаточно интересный, журналист может написать целую статью о вас и о том, что вы в вашем пресс-релизе освещаете. Перед тем, как вы это узнаете, ссылка на ваш сайт может быть опубликована, например, в газете New York Times.

26) Постоянно обновляйте информацию.
Помните, что вам нужно, как минимум, писать 2-3 статьи в неделю. Я об этом упомянул вкратце, но, вполне возможно, что этот пункт является самым главным в этой статье. Пишите статьи! Без нового контента ваш сайт очень быстро упадёт в результатах выдачи поисковых систем. Для того, чтобы остаться на первой странице результатов выдачи поисковика, ваш контент должен оставаться более свежим, современным и самым интересным в той области, в которой вы работаете.

Делаем трафик, несколько полезных советов #

Несколько полезных советов по продвижению вашего сайта в интернет:
Создавайте уникальные сайты. Никому не нужен ещё один сайт по компьютерным играм «вообще», потому что таких сайтов в сети десятки и сотни. Чтобы стать популярным, надо быть уникальным, самым большим, самым информативным или … единственным. Если процитировать известного классика маркетинга Траута – «дифференцируйся или умирай»! Перед тем как создавать новый сайт или изменять старый, тщательно изучите интернет и определите, чего там действительно не хватает. Не забывайте и о количестве потенциальных посетителей – для начала зайдите на direct.yandex.ru и проверьте, ищут ли вообще пользователи сайты по ключевым словам.

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

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

Если на сайте есть достаточное количество посетителей, где-то от 100 человек в сутки, то пора позаботиться о создании сообщества сайта. Создайте форум для посетителей, или даже чат (это зависит от стиля вашего сайта и чат стоит создавать только при посещаемости от 1000 человек в сутки). Когда люди начинают общаться, они возвращаются на ваш сайт вновь и вновь.

Ключевые слова (Keywords) #

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

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

Что же вписывать в Keywords?
Ключевые слова, присутствующие в тексте страницы и имеющие отношение к теме сайта. Для каждой страницы необходимо составить свой собственный набор ключевых слов.

Что нельзя вписывать?
Слишком распространенные слова. Например: программы, компьютеры, интернет. Поисковые системы их просто игнорируют, т.к. ими загружены миллионы документов. Так же, не стоит включать служебные слова (предлоги, союзы и т.д.). Нельзя повторять слова два и более раз.

Стоит ли дублировать слова с прописной буквы словами с заглавной?
Нет. Достаточно писать с прописной, за исключением аббревиатур, личных имен, имен компаний, марок и.т.д.

Если сайт содержит тысячу страниц, стоит ли для каждой из них подготавливать описание?
Есть 2 варианта:
- Можно воспользоваться специальной программой, которая выбирает часто упоминающиеся слова на странице и автоматически прописывает Keywords, что в свою очередь имеет свои достоинства и недостатки.
Достоинства: легко и просто решается проблема заполнения Keywords
Недостатки: программа вписывает не то, что мы хотим, ведь она руководствуется механическим отбором слов.
- Отобрать наиболее важные страницы (15-30 шт.) и прописать в них Keywords вручную.

Сколько ключевых слов можно вместить в список?
Следует ограничиться 250 символами. Конечно, ничего страшного, если получится список длиной в 500 символов, остальное просто не будет учтено поисковыми системами – некоторые из них не учитывают более 200 символов, а многие и вовсе игнорируют.

Смешанные чувства #

В который раз, попадая на сайты, посвященным шаблонам наблюдаю РИПы своих работ. Причем «воришки» присваивают авторство себе, РИП выполняют не качественный, да и к тому же его продают, а не распространяют бесплатно. И ко всему выше сказанному за н-ую сумму снимут его с продажи. Как это забавно -)

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