Сиситема uCoz

Увеличение видимости сайта по ключевым словам

sAper — Mon, 09 Jan 2012 09:57:04 GMT

Успешное продвижение интернет-коммерции – тенденция, говорящая о росте отечественного рынка в направлении современного и технологичного оперирования. Вне всяких сомнений, данная тенденция в скором времени обеспечит взрывной, а в дальнейшем, как сейчас происходит на Западе, устойчивый и значительный рост товарооборота, и прибыли лиц вовлеченных в него. Не следует также недооценивать потенциал Интернета как средства способного служить просвещению, социальному развитию и многим другим не менее важным целям.
В свете подобного развития большое значение приобрела конкурентная борьба. В практическом смысле конкуренция для сети Интернет значит борьбу за посещаемость Интернет-ресурса. Эта борьба ведется всеми доступными средствами, используется как сотрудничество между ресурсами – взаимная реклама, перекрестные ссылки, сети сайтов, так и платная реклама на посещаемых ресурсах, различные виды банеров, помещение ссылок на ресурс в платные рейтинги, оффлайновое продвижение – на радио, телевиденье, с помощью визуальных материалов, и многие другие виды рекламы. Но все же главную роль в конкурентном процессе, происходящем в сети Интернет, играли и продолжают играть поисковые ресурсы, поскольку, прежде всего, именно благодаря этому средству и с его помощью рядовой пользователь получает доступ к порталам согласно своему запросу.
Механизм, обеспечивающий выдачу ссылки на ресурс в числе первых ссылок, отображаемых службой Интернет-поиска, и, соответственно, почти гарантированное посещение сайта рекламодателя, называется раскруткой или продвижением. Этот механизм основан на принципе поиска, используемом поисковыми службами сети Интернет. Принцип этот таков: ресурсы для отображения отбираются по релевантности текстового содержания запросу пользователя. То есть если текст ресурса содержит максимальное количество совпадений с запросом, то ссылка на этот ресурс и будет первой среди отображаемых в качестве результата поиска. Существуют и другие, менее значимые и более сложные для понимания механизмы работы поисковых систем. Однако принцип контекстной релевантности является, за отсутствием на данный момент других значимых средств, первоочередным.

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

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

Набор терминов, используемых для контекстной рекламы, на профессиональном языке называемых «ключевыми словами», «ключевиками» или просто «ключами», можно расширить различными способами. Один из них – использование синонимов и уточняющих терминов. Например, вместе с термином «домашняя электроника» может быть использован термин «домашнее аудиооборудование» или «продажа электроники». Синонимы при необходимости можно найти в «Словаре русских синонимов и сходных по смыслу выражений» и в «Кратком словаре синонимов». Велик шанс, что именно один из указанных рекламодателем синонимов пользователь востребует в точности, что, собственно, и является основной целью компании. Помимо этого, в компании можно использовать наименования фирм и моделей, поскольку пользователь может ввести именно такой термин. В кампании можно учесть и профессиональную терминологию, например, сопроводить термины «железобетон» и «железобетонные изделия» аббревиатурой «ЖБИ», по которой вполне может производить поиск профессионал. Кроме того, имеет смысл использовать разные части речи с одним корнем, например, к словосочетанию «магазин мебели» целесообразно добавить сочетание «мебельный магазин». Следует также помнить о распространенных опечатках и характерных написаниях слов. Например, марка «VolksWagen» может быть предметом поиска как «фольксваген» и «фольцваген», а термин «йогурт» могут искать как «ёгурт», «иогурт» и к «йоргут». Учесть следует и сложносоставные слова, например, слово «металлочерепица» может быть написано и с пробелом - «металло черепица». Не следует использовать общие слова, такие как «техника», «кухня», «мебель». Вместо них имеет смысл употреблять более точные термины - «копировальная техника», «восточная кухня», «мебель ручной работы».

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

Дополнительными операторами системы подбора «ключевиков» являются «-», «( )» и «|», «+». Оператор «-» позволит исключить из списка запросы, содержащие так называемые «минус-слова». Если требуется найти все запросы касающиеся термина «ремонт автомобиля», и будет введено «ремонт автомобиля -книги», то из окончательного списка запросов будут исключены все «ключевики», содержащие слово «книга», например, «книги по ремонту автомобиля». Операторы «( )» и «|» используются для включения вариантов терминов. Например, если будет производиться поиск по запросу «электроника (аудио|видео) (LG|JVC)», то в результате будут отображены все запросы, соответствующие следующим «ключевикам»: «электроника аудио LG», «электроника видео LG», «электроника аудио JVC», «электроника видео JVC». Оператор «плюс» используется для включения в поиск запросов, содержащих игнорируемые поисковыми системами предлоги или союзы. Если требуется найти запрос, который точно соответствует формулировке «фары для BMW» и не получить результат для «фары BMW», то следует уточнить данные оператором принудительного включения «+» - «фары +для BMW». Комбинируя эти три оператора можно значительно уточнить результат поиска.

РАСКРУТКА И ОПТИМИЗАЦИЯ САЙТОВ

sAper — Mon, 09 Jan 2012 09:56:20 GMT

Итак, Вы решили попробовать свои силы собственные в оптимизации сайта - Тут заметить стоит, что оптимизация сайта штука довольна не простая, и Вам придется, как минимум, терпением запастись и временем свободным для достижения поставленной задачи. Если Ваш бизнес не подвержен сильной конкуренции в Интернете, то, следуя нижеизложенным рекомендациям, Вы действительно сможете оптимизировать Ваш сайт и вывести его в "ТОП" Яндекса довольно быстро.
Оптимизация сайта — это действия над элементами и структурой сайта, а так-же элементами окружающей его среды, которые приводят к улучшению позиции в выдаче результатов поиска по интересующим запросам пользователя. Говоря простым языком, оптимизация сайта - это оптимальное сочетание таких параметров как: Число ключевых слов на странице, Объем текста на странице, структура и навигация сайта, значение Тегов «TITLE» «ALT» Мета-тегов «Desciption» «Keywords»
Cуществует мнение, что чем выше число страниц сайта, тем лучше. И что увеличение числа страниц улучшает его видимость в поисковых системах. Однако в интернете существует великое множество "многостраничных сайтов", которые по своим запросам находятся далеко не в ТОПе, хотя существуют достаточно давно. Однако никто не спорит, что, постепенное добавление новых материалов и(или) добавление новых страниц, расценивается поисковыми машинами как развитие ресурса, что дает дополнительные преимущества при ранжировании. Поэтому, старайтесь размещать на сайте больше новой и качественной информации – пресс-релизы, новости, статьи, полезные советы и так далее. Это в любом случае принесет свои плоды.
Объем текста на странице Поисковики более ценят сайты, насыщенные информационным содержимым. В любом случае следует стремиться к увеличению текстового наполнения сайта. Если не ради поисковых систем, то для посетителей - однозначно. Оптимальное содержащие страницы: 400-2500 слов или 5-25 кб. текста. Не факт, но страница, состоящая всего из нескольких предложений, имеет значительно меньше шансов попасть в ТОП поисковых систем. Кроме того, большее количество текста на странице увеличивает видимость страницы в поисковых системах за счет редких или случайных поисковых фраз, что при некоторых стечениях обстоятельств может давать дополнительный приток посетителей на Ваш сайт.
* Число повторов ключевых слов(фраз) на странице должно встречаться в тексте страницы от 2-х до 5-7 раз. Верхняя граница повторения зависит от общего числа слов на странице – чем больше общий объем текста, тем больше повторений ключевых слов или словосочетаний можно сделать. Более подробно следует рассмотреть ситуацию с поисковыми фразами, то есть словосочетаниями из нескольких слов. Наилучшие результаты наблюдаются, если фраза встречается в тексте несколько раз именно как ключевая фраза (т.е. все слова вместе в том-же порядке), а кроме того, слова из ключевой фразы попадаются в тексте несколько раз по отдельности. Так-же желательно не одинаковое число повторений ключевых слов в тексте страницы.
* Плотность ключевого слова на странице определяется частотой содержания слова в тексте страницы. Измеряется в процентах. Например, если ключевое слово повторяется 5 раз на странице содержащей 100 слов, то плотность данного слова = 5%. Плотность ниже 5%приведет к тому, что поисковая система не обратит должного внимания этому слову. Слишком высокая плотность способна включить спам-фильтр поисковой системы (то есть рейтинг страницы будет искусственно занижен в результатах выдачи поиска из-за чрезмерного употребления ключевой фразы или слова). Оптимальной считается плотность ключевого слова 5-7%. В случае с фразами, следует посчитать суммарную плотность всех ключевых слов, составляющих фразу и убедиться, что она укладывается в разумные пределы. Практика показывает, что плотность ключевого текста более 7-8%, хотя и не ведет к каким-либо отрицательным последствиям, но и особого смысла не имеет.
* Правило для расположения ключевых слов на странице коротко и ясно - Чем ближе к началу документа находится слово или словосочетание, тем больший вес оно имеет для поисковой машины.
* Ключевые слова или словосочетания в тексте внутренних ссылок тоже добавляют некоторое значение внутренним страницам Вашего сайта
Сайт, как правило имеет навигационное меню. Статические сайты, при посещении поискового робота, имеют преимущество перед сайтами с динамическим ядром, т. к. легче и быстрее индексируются. Если Ваш сайт динамический, создайте карту сайта или продублируйте навигацию на простом HTML. Нельзя располагать ссылки, как внутренние, так и внешние, внутри скриптов. Помните, что поисковые машины не умеют читать скрипты и страница, ссылка на которую расположена внутри скрипта, останется для поискового робота неизвестной.
Вверх страницы
* Тег «TITLE» Один из наиболее важных тегов. Ему поисковые системы придают особое значение. Использование ключевых слов и фраз в теге TITLE является крайне желательным. Кроме того, текст из тега TITLE будет содержаться в названии Вашего сайта при выдаче его в результатах поиска и именно по тексту из тэга TITLE посетитель будет кликать при переходе на Ваш сайт. Это своего рода Ваша визитка. Но помните, что длинна тега TITLE ограничена 45-70 символами(буквами), поэтому постарайтесь сократить фразу до "размера и четкости мысли"
* Любое изображение, картинка или флеш на странице имеет специальный атрибут «ALT» (альтернативный текст). Этот текст будет виден посетителю если у него в настройках браузера отключен показ изображений. Поисковые системы читают поле ALT при посещении страницы, однако какую роль играет текст тэга «ALT» в ранжировании результатов поиска известно лишь создателям поисковых систем. Как Вы понимаете точных данных нет ни у кого. И все-же злоупотреблять повторением в «ALT» ключевых слов не стоит.
* Мета-тег Description специально предназначен для описания страницы. Этот тег не влияет на ранжирование, но, тем не менее, важен. Многие поисковые системы ( в частности, Яндекс и Google) отображают текст из этого тега в результатах поиска, если этот тег присутствует на странице и его содержимое соответствует содержимому страницы и поисковому запросу. Можно точно сказать, что высокие места в результатах поиска не всегда обеспечивает большое число посетителей. Если описание ваших конкурентов в результатах выдачи будет более привлекательным, то посетители поисковой системы или каталога выберут именно их, а не ваш сайт. Поэтому грамотное составление мета-тега Description имеет большое значение. Описание должно быть кратким, информативным и привлекательным. Так-же крайне необходимо наличие в этом тэге ключевых слов.
* Мета-тег Keywords предназначается для указания ключевых слов данной страницы. Однако в настоящее время,по некоторым данным, он почти не используется поисковыми системами. Тем не менее, стоит заполнить этот тег. Добавлять с тэг Keywords нужно только те ключевые слова, которые реально присутствуют на странице.
Недопустимые методы оптимизации сайта
* К сожалению, Поисковые системы, не публикуют точный список методов оптимизации сайта, которые они рассматривают как спам, определяется лишь его суть:
1. маскировка страниц - т.е. выдача поисковому роботу одного содержания, а пользователю другого
2. Текст под цвет фона страницы, или умышленное уменьшение размера шрифта, до практически невидимого пользователю (используется для накачки страницы ключевыми словами невидимыми пользователю, но легко читаемыми поисковиками)
3. редирект - автоматическое перенаправление с найденной страницы на другую.(redirect) Кроме того, Редиректы затрудняют анализ сайта поисковыми роботами
4. обмен ссылками, для увеличения авторитетности страниц сайта. Однако не все поисковики рассматривают это как "спам". Например, Аппорт не примет карательных мер, если его сотрудники сочтут, что обмен производился по запросам, соответствующим содержанию сайта. Но злоупотреблять этим все равно не стоит
5. Использование невидимых посетителю графических изображений-ссылок (1*1 пиксель) однозначно воспринимается поисковыми системами как попытка обмана.
Использование таких «серых» методов оптимизации сайта может привести к бану ресурса – то есть принудительному исключению его из индекса (базы данных) поисковой системы.
* Итак, наиболее важное в оптимизации сайта:
1. Избегайте подкаталогов. Если на вашем ресурсе имеется небольшое число страниц (примерно до 20-и), то располагайте их в корневой директории. Для поисковой системы такие страницы наиболее важны.
2. Нужно оптимизировать каждую страницу под конкретную ключевую фразу. Иногда можно выбрать 2-3 близкие фразы, но если Вы попробуете оптимизировать страницу под 5 или более фраз - толку небудет никакого
3. Уделите наибольшее внимание главной странице, именно она имеет больше всего шансов попасть на высокие места в поисковых системах
4. Не используйте графический заголовок страниц. Мы помним, что верхняя, наиболее ценная часть для поисковых машин. Если Вы считаете, что вверху сайта должен быть логотип Вашей компании, то попробуйте скомбинировать графическое изображение с простым текстом.
5. Навигация не должна проходить через скрипты.
6. Если навигация выполнена в виде графики, то по крайней мере не забудьте снабдить карнинки кнопок коректными тегами ALT
7. На динамических скриптах иногда используется идентификатор сессий. С его помощью удобно собирать статистику о поведении посетителей сайта, т.к. каждый посетитель при заходе на сайт получает уникальный параметр &session_id=, который добавляется к адресу каждой посещаемой страницы сайта. Но поисковый робот соответственно тоже при каждом последующем посещении будет получать этот пораметр заново и посещая те же самые страницы, что и раньше, будет воспринимать их как новые. Хотя поисковые системы имеют алгоритмы «склейки» зеркал и страниц с одинаковым содержимым, это может существенно повлиять на качество индексации Вашего сайта.
Что подразумевают под оптимизацией сайта те фирмы, которые предлагают данный вид услуг? Было проведено изучение рынка услуг рунета, основанное на анализе сайтов более 40 компании, предоставляющих услуги по продвижению сайта в поисковиках. Анализ показал, что широко предлагаются только самые примитивные способы оптимизации сайта и его раскрутки — регистрация сайта в поисковиках (65% компаний) и оптимизацию текстов сайта (48%). Сложные работы и комплексные услуги предлагают только 6% промоутеров. Эту невеселую картину немного оживляет факт, что серые методы продвижения или спам предлагают тоже только около 5% компаний.

Плотность ключевых слов

sAper — Mon, 09 Jan 2012 09:55:32 GMT

Если часто повторять одно и то же ключевое слово, то это разозлит не только человека из крови и плоти, но и кремниевого поискового робота. Казалось бы, ему-то чего беситься? Понимаете, поисковый паук хоть и без чувство, но с головой. Он прекрасно понимает, зачем вы в трёх абзацах шестнадцать раз повторяете словосочетание «финансовый беттинг». Так что за идеальную плотность ключевых слов можно здорово поплатиться пессимизацией или даже баном, то есть удалением из поисковой выдачи. А что может быть страшнее для вебмастера, который возлагает большие надежды на свой сайт?

Так почему же новая волна поисковых оптимизаторов вновь и вновь затачивает свои сайты под определённое семантическое ядро? Тут как у классика: «Сказка – ложь, да в ней намёк – добрым молодцам урок». Иными словами, в идеальных условиях высокая плотность ключевых слов действительно может поднять вас в поисковой выдаче. А вот во всех остальных – это абсолютное зло, за которое вы будете расплачиваться.

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

Приведём простой пример. Ваш сайт на Narod-е или любом другом бесплатном хостинге и домене никогда не поднимется выше раскрученного проекта, даже если вы будете на каждой странице писать что-то вроде «финансовый беттинг» или «похищение полосатого слона».

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

Тогда почему никто не развенчает миф об идеальной плотности ключевых слов?

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

Так всегда было и всегда будет. Из этой ситуации только два выхода:
1) раскрутить свой ресурс до таких высот, когда уже действительно можно использовать высокую плотность ключевых слов
2) делать СДЛ, то есть сайт для людей, а не для поисковых систем, и забыть о поисковой оптимизации
Последнее предпочтительнее по той простой причине, что сайтов с каждым годом становится всё больше и больше, а конкуренты и вовсе плодятся день ото дня. Ещё вчера он верил в сказки об идеальной плотности ключевых слов и мета-тэгах, а уже сегодня закупает жирные ссылки с Sape и выбивает SEO-гуру с насиженных мест.

Кроме растущей конкуренции есть ещё одна важная причина. Помните комедию про Шурика? «Ничего воровать не надо, всё уже украдено до нас». Так вот в Интернете все уже всё поделили. В таком случае довольно проблематично оптимизировать свой сайт под конкретные поисковые запросы, а уж тем более наращивать ссылочную массу с помощью бирж ссылок. Вы купите десять, а конкурент двадцать. И все старания коту под хвост.

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

В нашем деле самое главное – это сделать первый шаг и понять, что всё зависит от нас, а не от идеальной плотности ключевых слов. Многие читатели, надеюсь, помнят, как все радовались линкаторам. Некоторые даже стали разводить линкофармы у себя на сайтах. А закончилось это всё очень печально.

И только уникальный контент до сих пор ещё никого не подвёл. Вам не кажется, что пора бы обратить внимание на способы, проверенные временем?

Стандартные размеры баннеров

sAper — Mon, 09 Jan 2012 09:54:35 GMT

Иногда, делаю баннеры для себя и при этом постоянно забываю их стандартные размеры. Так какие стандартные размеры баннеров?

Итак, сводная таблица размеров баннеров:
728 x 90 ведущий стенд
468 x 60 длинный баннер
336 x 280 большой прямоугольник
300 x 250 прямоугольник средней величины
300 x 600 объявление на полстраницы
250 x 250 всплывающий квадрат
240 x 400 вертикальный прямоугольник
234 x 60 половина длинного баннера
180 x 150 прямоугольник
160 x 600 широкий небоскреб
125 x 125 квадратная кнопка
120 x 600 небоскреб
120 x 240 вертикальный баннер
120 x 90 кнопка 1
120 x 60 кнопка 2
88 x 31 микро полоса

4 смертельных ошибки web-дизайна

sAper — Mon, 09 Jan 2012 09:52:10 GMT

Самый страшный фон страниц

Фон страниц – один из параметров, Который вы должны держать под контролем, и совсем нетрудно сделать так, чтобы он удовлетворял посетителей. Нужно понимать, что некоторые фоны непривлекательны сами по себе. Вот те фоны страниц, которых нужно избегать:

• Полностью чёрный фон с белым или светлым текстом на нём. Даже лучшие в мире дизайнеры будут в серьёзном затруднении, пытаясь создать красивый сайт на таком фоне. Он заставляет думать посетителей, что вы заносчивы и не имеете большого желания, чтобы они оставались на сайте подольше. Кроме того, некоторые браузеры при печати выводят на принтер и фон, и пользователям может не понравиться, сколько порошка они тратят, распечатывая одну страничку.
• Полностью чёрный фон с тёмным текстом. Этот выбор ещё хуже, чем предыдущий: слова попросту невозможно увидеть. Для того, чтобы прочитать текст, посетителям надо будет сначала его выделить, а это крайне раздражает.
• Фон со сложными рисунками. Дизайнеры-новички часто используют такоф фон, так как он несложен и кажется им хорошим. Тем не менее, нужно учитывать, что такой фон может привести к увеличению времени загрузки страниц.

Самый страшный текст

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

• Весь текст отцентрирован. Такой текст непривлекателен и труден для чтения.
• Слишком приукрашенный текст. Некоторые дизайнеры выделяют курсивом и жирным текстом каждое второе слово. Это – самоуничтожение, так как пытаясь выделить всё, на самом деле вы не выделяете ничего.
• Мигающий текст. Хотя некоторым людям нравится, когда текст постоянно то исчезает, то появляется вновь, но его практически невозможно прочесть. А ведь он для этого и существует!

Самый страшный контент

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

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

Самое страшное мультимедиа

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

• Перегруженность изображениями. Изображения в любых формах, включая иконки, не должны присутствовать в больших количествах.
• Большие изображения. Читабельность вашего сайта не пострадает, если иллюстрации к тексту будут не печатного качества. Большие картинки высокого качества долго грузятся и большинство пользователей не будут возражать, если качество изображений будет похуже, но страница будет грузиться быстрее.
• Встроенное аудио. Музыка, постоянно играющая, пока пользователь просматривает страницу, крайне раздражает людей, которые просто хотят изучит содержимое сайта. Хуже того, эти звуки обычно нельзя отключить. Поэтому если вам уж так сильно хочется сделать страницы со звуковым сопровождением, потрудитесь дать пользователям возможность отключить его.

Уникальный контент – залог успеха

sAper — Mon, 09 Jan 2012 09:50:46 GMT

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

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

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

Твой сайт. Часть 1. Обзор Макса Трусцова

sAper — Mon, 09 Jan 2012 09:50:09 GMT

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

2. Рисуем дизайн.
Вариант а: если ты ещё не опытный дизайнер и не знаешь, что такое красивая веб-графика, мой тебе совет - не использовать её вообще. Ни в коем случае не пользуйся клип-артом. Любой опытный пользователь (именно из таких пользователей будет состоять твой поток посетителей) уйдёт с твоего сайта сразу же, как только увидит летящий через весь экран конверт с подписью «mail to webmaster». Утрирую. Согласен. Но тут самое главное – объяснить тебе, как это смотрится глазами профи. Хорошая замена графике на твоём сайте – правильная палитра. Палитра - цвета, из которых будет состоять твой сайт. Не стоит писать текст салатным цветом на фиолетовом фоне. Лучше всего подбирать такие цвета, которые пользователь видит каждый день в реальной жизни – синий, голубой, чёрный, белый, зелёный и другие.
Вариант б: ты умеешь рисовать что-то в PhotoShop’e или в PhotoImpact’е. Здесь придется немного помучаться и продумать, что бы ты хотел видеть на своём сайте. Я имею ввиду то, что не стоит рисовать обнажённое тело, если ты посвящаешь сайт своей маме. Впрочем, всё это ты должен был продумать на протяжении первого пункта. Время на графику не жалей, но всё же не стоит затягивать.

3. Вёрстка.
Одна из самых сложных задач. Тебе предстоит не только узнать, что такое таг , и так далее, но и научится правильно размещать информацию на сайте. Ты, скорее всего, видел, какое размещение информации и элементов страницы на посещаемых проектах. Итак, ты уже знаешь, как это будет выглядеть и у тебя чешутся руки, чтобы скорее начать работу. Верстай. То, какой программой ты будешь пользоваться при вёрстке – дело сугубо твоё лично. Это может быть FrontPage, может быть HotDog или блокнот. Но советую тебе писать всё руками. Пусть даже на твоей первой странице будет не больше двух слов «напиши мне» со ссылочкой на твой почтовый ящик. Если ты почувствуешь гордость, когда запустишь такой сайт в сеть, то светлое будущее дизайнера тебе обеспечено.

4. Содержание сайта (контент).
Если твой сайт целевой, то с информацией у тебя не будет проблем. Если это персональная страница, то советую тебе остановится на какой-то одной теме. К примеру, расскажи людям об особенностях твоего попугая. Расскажи и докажи, почему твой Кеша лучше, чем попугай твоего соседа. Внимательно проверь грамматику. Ошибки в твоём тексте могут оттолкнуть пользователя с твоего сайта.

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

6. Раскрутка.
Тема раскрутки – существовала с того времени, когда появились сайты. Это отдельная тема и её мы рассмотрим ближе в следующих моих статьях.
Итак, в принципе всё. Далее я напишу о том, что может привлечь опытных пользователей и новичков на твой сайт.

Опытный пользователь:
Привлечёт:
- содержание;
- правильное размещение элементов страницы и сочетание графики и текста;
- простота навигации;
- скорость загрузки страницы;
- постоянное обновление твоего сайта.

Новичок:
Привлечёт:
- интерактивность твоего сайта (участие пользователя в жизни и развитии сайта);
- красота сайта. Простыми словами – умное размещение графики;

Справочник свойств CSS1.

sAper — Mon, 09 Jan 2012 09:48:17 GMT

1. Свойства шрифта - font.

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

font-size - размер букв.
Допустимые значения:
(xx-small, x-small, small, medium, large, x-large, x-large, xx-large)
(larger, smaller)
(относительные размеры - em, en, ex, px / абсолютные размеры - in, cm, mm, pt, pc)
(значения даны в процентах от родительского размера шрифта)
Если значение не указано, то по умолчанию используется значение medium.
Свойство поддерживает механизм наследования.

font-style - стиль написания букв
Допустимые значения: normal, italic, oblique
Если значение не указано, то по умолчанию используется значение normal.
Свойство поддерживает механизм наследования.

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

font-weight - жирность текста
Допустимые значения: normal, bold, bolder, lighter или числа от 100 до 900.
Значение по умолчанию - normal.
Свойство поддерживает механизм наследования.

2. Свойства цвета - color.

Допустимые значения - название цвета или номер.
Номерное значение может задаваться несколькими способами. Это может быть номер в шестнадцатеричной системе (#FFFFFF), в десятичной системе (255, 0, 0) или в процентной записи (80%, 20%, 0%)
Если цвета не указаны, то цвет выбирается согласно настроек браузера клиента.
Свойство поддерживает механизм наследования.

3. Свойство фона - background.

background - фон.
Данное свойство имеет несколько атрибутов:
transparent - данный атрибут указывает на то, что фон является прозрачным, что синонимично отсутствию фона как такового.
color - данный атрибут указывает на цвет фона.
URL - данный атрибут указывает адрес файла, в случае использования в картинки качестве фона. Адрес может быть как абсолютным, так и относительным, но должен обязательно заключаться в скобки:
BODY { background: url(http://www.somewhere.com/image/fon.gif) }
В случае когда указываются и цвет фона и фоновая картинка, картинка всегда помещается поверх цвета.
repeat - данный атрибут определяет степень повторяемости фоновой картинки и может иметь следующие значения: repeat - картинка бесконечно повторяется по горизонтали и вертикали, заполняя собой все фоновое пространство браузера; repeat-x - картинка повторяется по горизонтали; repeat-y - картинка повторяется по вертикали; no-repeat картинка не повторяется. Если значения не указаны, то по умолчанию используется значение - repeat.
scroll - данный атрибут определяет подвижность фоновой картинки. Атрибут может иметь значение scroll, означающее, что фон прокручивается вместе с содержанием web-документа, или значение fixed, означающие, что при прокручивании документа фон остается неподвижным. По умолчанию принимается значение scroll.
position - атрибут определяет положение картинки в окне браузера. Значения могут быть: top, middle, bottom, left, center, right, или же положение может быть задано в виде абсолютного растояния от левой и верхней кромки окна браузера (горизонтальное, вертикальное) или же в виде процентных отношений (горизонтальное, вертикальное). По умолчанию фоновая картинка прикрепляется к верхнему левому углу окна браузера.

Существуют и возможности вынесения некоторых характеристик фона в отдельные свойства:

background-attachment - фиксация фона
Допустимые значения: scroll, fixed
Значение по умолчанию: scroll

background-color - цвет фона.
Допустимые значения: transparent или указание цвета.
Если указывается цвет фона, то он может быть чистым в виде названия цвета или его номера (см. выше раздел "Свойства цвета") или смешанным, когда цвет фона не указывается явно, а является смешением разных цветов. Синтаксис указания смешанного цвета фона следующий:
BODY { background-color: red/blue }
Значение по умолчанию: transparent

background-image - рисунок фона.
Допустимые значения: none или указание адреса расположения фоновой картинки.
Значение по умолчанию: none

background-position - расположение фона
Допустимые значения: top, center, bottom, left, right, цифровые значения.
Значение по умолчанию: left, top.

background-repeat - повторяемость фона.
Допустимые значения: repeat, repeat-x, repeat-y, no-repeat.
Значение по умолчанию: repeat.

Ни одно из свойств, относящихся к фону, не поддерживает механизм наследования.

4. Свойства текста.

letter-spacing - расстояние между буквами.
Допустимые значения: normal или значение в единицах измерения.
Значение по умолчанию: normal
Свойство поддерживает механизм наследования.

line-height - высота текущей строки.
Допустимые значения: normal, число, единицы измерения, процент.
Числовые значения интерпретируются как текущий размер шрифта, умноженный на соответствующее число.
Значение по умолчанию определяется браузером клиента.
Свойство поддерживает механизм наследования.

list-style - отображение элементов списка.
Данное свойство имеет несколько атрибутов: набор ключевых слов, position описывающий расположение списка, url - адрес файла при использовании индивидуального графического маркера.
Свойство поддерживает механизм наследования и позволяет выносить атрибутику в самостаятельные детализированные свойства:

list-style-image - адрес картинки, используемой в качестве маркера.
Допустимые значения: none или url картинки.
Значение по умолчанию: none.
Свойство поддерживает механизм наследования.

list-style-type - вид маркера.
Допустимые значения: none, circle, disk, square, demical, lower-alpha, upper-alpha, lower-roman, upper-roman
Значение по умолчанию: disk.
Свойство поддерживает механизм наследования.

list-style-position - свойство определяет внутри или вне тела списка расположен маркер.
Допустимые значения: inside, outside.
Значение по умолчанию: outside.
Свойство поддерживает механизм наследования.

text-align - выравнивание текста.
Допустимые значения: left, right, center, justify.
Значение по умолчанию: определяется браузером клиентом.
Свойство поддерживает механизм наследования.

text-decoration - специальные эффекты текста
Допустимые значения: none, overline, underline, line-through
Значение по умолчанию: none
Свойство не поддерживает механизм наследования.

text-indent - величина отступа
Допустимые значения: единица измерения или процент относительно родительского элемента.
Значение по умолчанию: zero
Свойство поддерживает механизм наследования.

text-transform - трансформация текста.
Допустимые значения:
capitalize - делает заглавной первую букву каждого слова.
uppercase - делает все буквы заглавными
lowercase - делает все буквы в словах элемента строчными
none - снимает все установки, приобретенные в результате наследования.
Значение по умолчанию: none
Свойство поддерживает механизм наследования.

vertical-align - расположение элемента по вертикали.
Допустимые значения:
baseline - выравнивание по образцу родительского элемента.
sub - переводит элемент в нижний регистр
super - переводит элемент в верхний регистр
top - выравнивание элемента по верху самого высокого элемента строки
bottom - выравнивание элемента по низу самого низкого элемента строки
text-top - выравнивание элемента по верху текста, набранного шрифтом родительского элемента
text-bottom - выравнивание элемента по низу текста, набранного шрифтом родительского элемента
middle - выравнивание элемента по средней линии на основе родительского элемента плюс половина строки последнего.
процент
Значение по умолчанию: baselign
Свойство не поддерживает механизм наследования.

5.Свойства, связанные с рамками и размерами. Их значения характеризуют области вокруг различных элементов (картинка, символ и др.)

border - определение свойств рамки. Свойство может быть детализировано:
border-top, border-right, border-left, border-bottom
Свойство имеет несколько атрибутов со своими значениями:
border-width - ширина рамки со значениями thin, medium, thick или единицы измерения. Значение по умолчанию - medium.
border-style - стиль рамки со значениями none или solid. Значение по умолчанию - none.
color - определение цвета фона элемента до того как элемент загрузится, а также цвета фона под прозрачными частями элемента. В качестве значения указывается цвет или URL картинки (в этом случае картинка будет повторятся до заполнения всего фонового пространства элемента. Значение по умолчанию - нет цвета.
Свойство не поддерживает механизм наследования.

border-color - определяет цвет рамки. Данное свойство можно детализировать:
border-top-color, border-right-color, border-left-color, border-bottom-color
Допустимые значения: указание цвета или URL картинки (в этом случае картинка будет повторяться, образуя рамку).
Значение по умолчанию: без цвета.
Свойство не поддерживает механизм наследования.

border-style - определяет стиль отображения рамки. Свойство можно детализировать:
border-top-style, border-right-style, border-left-style, border-bottom-style
Допустимые значения: none, solid, double, groove, ridge, inset, outset
Значение по умолчанию: none
Свойство не поддерживает механизм наследования.

border-width - определение ширины рамки. Свойство может быть детализировано:
border-top-width, border-right-width, border-left-width, border-bottom-width.
Допустимые значения: thin, medium, thick или единицы измерения.
Значение по умолчанию: medium
Свойство не поддерживает механизм наследования.

clear - указывает, что следующие элементы должны быть расположены ниже элемента выравненного по левому или правому краю, а не "обтекать" его по умолчанию.
Допустимые значения: none , both, right, left.
Значение по умолчанию: none.
Свойство не поддерживает механизм наследования.

clip - определяет какая часть элемента видна.
Допустимые значения: rect () или auto
Значение по умолчанию: auto
Свойство не поддерживает механизм наследования.

display - свойство, определяющее следует ли отображать элемент.
Допустимые значения: " ", none
Значение по умолчанию: " "
Свойство не поддерживает механизм наследования.

float - указывает на обтекание элемента другими.
Допустимые значения: none, left, right.
Значение по умолчанию: none.
Свойство не поддерживает механизм наследования и применяется к элементам категории DIV, SPAN.

height - устанавливает высоту элемента и измеряет ее при необходимости. В таком случае значение возвращается как строка, включающая тип единиц измерения (px, % и т.д.). Для получения значения в виде числа используется запись posHeight.
Допустимые значения: auto или значение в единицах измерения.
Значение по умолчанию: auto
Свойство не поддерживает механизм наследования и применяется к элементам категории DIV, SPAN.

left - устанавливает горизонтальную координату элемента. Значение возвращается как строка, включающая тип едининцы измерения (px, % и т.д.) Для получения значения в виде числа используется запись posLeft.
Допустимые значения: auto, процент относительно родительского элемента, единицы измерения.
Значение по умолчанию: zero
Свойство не поддерживает механизм наследования.

margin, margin-top, margin-bottom, margin-left, margin-right - устанавливает размеры отступов вокруг элемента.
Допустимые значения: auto, единицы измерения, процент относительно родительского элемента.
Значение по умолчанию: zero
Свойство не поддерживает механизм наследования.

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

padding, padding-top, padding-bottom, padding-left, padding-right - определяет расстояние между элементом и его рамкой.
Допустимые значения: auto, единицы измерения, процент относительно родительского элемента.
Значение по умолчанию: zero.
Свойство не поддерживает механизм наследования.

position - определяет способ позиционирования элемента на экране.
Допустимые значения: absolute ( расположение элемента относительно фона и перемещение вместе с ним), static (элемент располагается относительно фона, но неподвижен при прокручивании), relative (элемент позиционируется относительно других элементов согласно своему положению в коде).
Значение по умолчанию: relative
Свойство не поддерживает механизм наследования.

top - устанавливает или возвращает вертикальную координату элемента. Значение возвращается как строка с указанием типа единиц измерения (px, % и т.д.) Для получения значения в виде числа используется запись posTop.
Допустимые значения: auto, единицы измерения или процент относительно родительского элемента.
Значение по умолчанию: auto
Свойство не поддерживает механизм наследования.

visibility - определяет видимость элемента.
Допустимые значения: visible (элементвидим), hidden (элемент невидим), inherit (элемент виден, если виден его родительский элемент).
Значение по умолчанию: inherit
Свойство не поддерживает механизм наследования.

width - устанавливает и измеряет ширину элемента. Значение возвращается как строка, включающая тип единиц измерения (px, % и т.д.) Для получения значения в виде числа следует использовать запись posWidth.
Допустимые значения: auto, единицы измерения или процент относительно родительского элемента.
Значение по умолчанию: auto (за исключением элементов с внутренними установками размера)
Свойство не поддерживает механизм наследования.

z-index - определяет порядок перекрывания одних элементов другими. Элементы с более высоким z-index будут находиться поверх элементов с более низким z-index.
Допустимые значения: число.
Значение по умолчанию: в зависимости от контекста.
Свойство не поддерживает механизм наследования.

CSS1 - праздник освобожденного труда.

sAper — Mon, 09 Jan 2012 09:47:20 GMT

CSS1 представляет собой описание правил, задающих параметры представления отдельных элементов на языке HTML. В предыдущих версиях HTML для придания элементу нужного облика приходилась каждый раз для каждого элемента перечислять весь список атрибутов, его характеризующих. Таблицы стилей, помимо более широких возможностей управления элементами web-документа, позволяют разделить непосредственно содержание документа и информацию о том, как это содержание должно быть представлено на экране. Это в огромной степени облегчает html-верстку web-документов и внесение изменений в описание элементов.
Теперь несколько слов о том, каким образом создаются таблицы стилей, определяющие внешний вид содержания web-документа. Эти описания называются «селекторами» и имеют следующий вид: ТЭГ {атрибут: значение} Например, чтобы текст во всем документе отображался шрифтом Arial, с черными буквами размером в 14 пикселов, достаточно написать:

Code

BODY {color: black; font-size: 14 px; font-family: Arial}

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

Code

H2 {color: red}

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

Вы должны были заметить, что в вышеприведенном примере имеется противоречие. С одной стороны, мы присвоили всему тексту в документе черный цвет, с другой - всем заголовкам присвоен красный цвет. Каким же цветом отображать заголовок? Здесь действует принцип последовательного приоритета, введенный в еще более ранних версиях HTML, т.е. при возникновении конфликтных инструкций, преимущество отдается более позднему тэгу. На примере это выглядит так:

это какой-то текст

А это заголовок
и снова текст

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

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

окрашивается в красный цвет. Далее появляется закрывающий тэг

, который говорит браузеру о прекращении действия инструкций элемента H2. Тогда браузер возвращается к более ранним инструкциям элемента body и снова начинает окрашивать весь следующий текст в черный цвет. Говоря о последовательном приоритете, следует также упомянуть и о принципе наследования. Этот принцип заключается в том, что элемент, не получивший собственных атрибутов, наследует атрибуты присвоенные элементу, внутри которого заключен неохарактеризованный элемент. Конечно же принцип наследования распространяется только на атрибуты поддерживаемые наследующей и наследуемой сторонами. На примере это выглядело бы так. Допустим, что в таблице стилей у нас как и прежде есть описание элемента body BODY {color: black; font-family: Arial; bgcolor: white} но нет описания для элемента H2. Тогда при прочтении кода:

это какой-то текст

А это заголовок
и снова текст

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

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

Синтаксис СSS1 позволяет присваивать один атрибут сразу нескольким элементам. Для этого достаточно перечилить все необходимые элементы через запятую. Выглядеть это может так:

Code
H1, H2, H3 {color: green}

Данная запись говорит о том, что все заголовки первого, второго и третьего уровня будут отображаться на экране зеленым цветом. Также можно одному элементу присваивать несколько различных атрибутов. Для этого достаточно перечислить их внутри фигурных скобок через точку с запятой. Пример:

Code

H2 {color: red; font-family: Alefbet}

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

CSS1 позволяет задавать и более сложные системы стилистических определений. Например можно создавать так называемые контекстные селекторы. Это значит, что в таблице стилей можно не только сделать запись, что H2 должен отображаться синим цветом, а EM - зеленым. Можно также сделать запись, что например элемент EM будет красного цвета, в том случае если он расположен внутри элемента H2. Для этого достаточно простой записи в таблице стилей:

H2 EM {color: red}

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

Code
H2 EM, H3 I {color: red}

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

Теперь поговорим о том как применять синтаксис CSS1 к html-верстке. Можно, используя элемент style прописывать атрибутику каждому элементу. Например использование такого подхода к отображению абзаца красным цветом будет выглядеть так:

Code
Текст абзаца

Но такой подход не дает нам практически никаких преимуществ в сравнениями с предыдущими версиями HTML. Как и ранее, для каждого элемента каждый раз при его появлении приходится создавать систему его описания. Основное достижение CSS - разделение содержания и представления остается не реализованным. Более продуктивным способом использования STYLE является создание реестра описаний элементов внутри элемента HEAD. Выглядит это так:

Code

Это простой и понятный способ. Но у него есть свой очевидный минус. Он заключается в том, что Вам придется вставлять таблицу стилей в каждую html-страницу. Это не только увеличивает вес сайта, но и усложняет изменение общей стилистики сайта. Для решения этой проблемы придуман простой и изящный способ. Таблица стилей выносится в отдельный файл с расширением .css. Затем внутри элемента HEAD html-страницы указывается ссылка на вышеозначенный файл. Выглядит это так:

Code

Браузер, наталкиваясь на такую ссылку, немедленно причитывает указанный файл и далее применяет его стилистические инструкции ко всем элементам html-страницы. В рамках CSS1 возможно также разрабатывать системы стилей применяемые только к части элементов. Если мы хотим, к примеру, чтобы текст на странице отображался шрифтом Arial черного цвета размером в 16 пикселей, но при этом нам надо, чтобы некоторые части текста отображались шрифтом Tahoma красного цвета размером в 12 пикселей, то это можно сделать с помощью классов. Класс можно определить как некоторое именованное свойство или группу свойств, не привязанных к каким-либо конкретным элементам. Записывается класс очень просто:

Code
.com {color: red; font-size: 12px; font-family: Tahoma}

Здесь com это название класса, атрибуты в фигурных скобках - его описание, а точка в самом начале используется для того, чтобы браузер понял, что имеет дело не с каким-то стандартным элементом, а с независимым классом. Созданный класс можно присваивать различным элементам по необходимости. Можно присвоить его отрывку текста:

Code
...какой-то текст нужный отрывок продолжение текста...

Можно присвоить класс целому абзацу:

Code
содержание абзаца

и даже блоку:

Code
содержание блока

Скрываем внешние ссылки от поисковиков

sAper — Mon, 09 Jan 2012 09:45:21 GMT

По этой причине встает задача скрыть ссылки от индексации в поиске PAGE RANKковых системах. Для чего это нужно? Ну хотя бы для того, чтоб ваши страницы имели приличный вес. Всем известно, что при помощи ссылок передается вес ресурса, так к примеру Гугл передает собственный PAGE RANK в зависимости от внешних ссылок.

Т.е. если у вас на странице 50 внешних ссылок и ее PAGE RANK=1, то этот растечется в следующий ап по всем этим страницам и вероятнее всего обнулится. По этой причине, во массы биржах ссылок, стоимость ссылок со страниц с высоким PAGE RANK в 2-3 раза выше среднего значения.

Еще г. назад существовало 2 метода скрыть ссылки от индексации. I от Яндекса, а II-й от Гугл. Сейчас же поисковые системы объединились и решили совместно трудиться с такими ссылками. По этой причине, чтоб скрыть ссылки от индексации сейчас требуется юзать noindex и nofollow. Теперь я покажу, как это делается.

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

Вот пример, в котором слово пример скрыто от индексации

Второй пример, в котором ссылка закрыта от индексации

Nofollow применяется к ссылкам и учитывается как Яндексом, так и Гугл.
II-й пример, в коем ссылка закрыта от индексации

Вот и весь секрет скрытия ссылок. По этой причине будьте внимательны при покупке ссылок, ведь их могут поставить в noindex или nofollow.