Элементы ссылки в HTML

Ссылки.

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

Вот пара примеров ссылок. Первая ссылка - для сайта Белого дома, вторая - для нового сайта Distilled.

Структура обеих ссылок одна и та же: открывающие тэг <a>, который может содержать множество атрибутов, содержимое ссылки ("кликабельная" часть "текста якоря") и закрывающая часть тэга - </a>.

Ниже я отметил те части ссылки HTML, которые представляют интерес с точки зрения оптимизации под поисковые системы (SEO), пользовательского интерфейса (UI) и ощущений пользователя (UX).

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

href - 'путь назначения' ссылки (SEO UX)
например: href="http://kolua.ru/archives/413"

Как видно в обоих вышеприведенных примерах, параметр href (видимо, сокращение от 'hypertext reference') является адресом назначения (URL), по которому перейдет пользователь, кликнув по данной ссылке. Kolua.ru рекомендует даже для ссылок внутри того же сайта задавать полные URL, включая http:// и доменное имя ('абсолютные' URL).

В параметре href можно также указать 'mailto:name@example.com', и тогда по этой ссылке будет запущен почтовый клиент пользователя. У меня смешанные чувства относительно данной возможности. Если вы собираетесь ею воспользоваться, то советую четко разъяснить пользователю, что произойдет при нажатии на вашу ссылку (ниже будет пример того, как это можно сделать).

rel - отношение к данной странице той, на которую ведет ссылка (SEO UI UX)

например: rel="nofollow"

В роли оптимизаторов мы, в основном, видим этот параметр установленным в значение 'nofollow' (требование Google для определения оплачиваемых ссылок), но у него есть и другие потенциальные возможности применения. Список допустимых значений этого параметра будет расширен в HTML5, а сейчас он включает в себя 'alternate' (предназначено для указания на зеркала страницы, версии для печати и т.п.) и 'previous' / 'next' (для постраничной навигации; некоторые браузеры могут всегда отображать ссылки 'next' однотипно для облегчения навигации, или заранее загружать следующую страницу для ускорения переходов).

target - окно для открытия ссылки (UX)
например: target="_blank"

Этот атрибут был особенно полезен в те времена, когда сайты строились на основе фреймов. Сейчас он чаще всего установлен в значение '_blank', что дает браузеру указание открыть ссылку в новом окне (сегодня уже чаще в новой вкладке). Я рекомендую этот параметр не использовать, а позволить пользователю самому решать, где открывать ссылки - на текущей вкладке или на новой.

class / id - в основном используются для применения стилей CSS (UI UX)
например: class="menu decorated"

Как и большинству элементов HTML, ссылкам может быть присвоен class или id, что обычно делается для применения к ссылкам стилей CSS. Одно из практичных применений - это добавление к почтовой ссылке значка конвертика, чтобы показать, что при нажатии на ссылку будет запущен почтовый клиент, а не совершен переход на новую страничку.

Особенно полезны для ссылок псевдоклассы CSS :hover и :visited. Они позволяют ссылкам менять стиль, если они уже были посещены, или если на них наведен курсор - это улучшает пользовательский интерфейс и ощущения пользователя.

title - &#039;подсказка&#039; ссылки (UI UX)
например: title="Узнайте больше о следующем семинаре SEOmoz"

Текс в атрибуте title обычно появляется во всплывающей подсказке при удержании курсора над ссылкой. Это можно использовать для предоставления пользователю дополнительной информации о целевой странице. Опять же, можно использовать его и для пояснения, что нажатие на ссылку приведет к запуску почтового клиента.

Текст якоря
(SEO UI)

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

Если в ссылке стоит изображение вместо текста якоря, это еще не означает потери возможности передачи релевантного термина целевой странице. Тэг изображения может иметь атрибут 'alt' - текст, которые отображается при невозможности отобразить картинку. В большинстве случаев поисковая система примет этот текст как замену текста якоря..

Например: alt="Логотип SEOmoz"

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

Пример и очевидный совет

Что же мы получим, соединив воедино все вышесказанное? Нечто вроде этого:

HTML:
<a href="http://twitter.com/RobOusbey" rel="author" title="Присоединитесь к Робу на Твиттере ">Роб Оусби </a>

8.1.2010 | комментариев нет

5 советов о работе с ключевыми словами

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

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

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

Конечно, у каждого из нас есть любимый инструмент, но не ограничивает ли это вашу возможность находить лучшие ключевые слова? Ограничивает. Я считаю, что необходимо проводить исследования с помощью максимально доступного количества инструментов, выбирая затем лучшие из результатов. Например, инструмент Google Adwords имеет преимущество в выдаче "реалистичных" ключевых слов, но число поисковых запросов и конкурентов могут быть неточными. Поэтому может потребоваться использование инструментария SK.

2. Не используйте очевидные ключевые слова

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

28.7.2010 | комментариев 2

Идеи вирусного маркетинга и инфографики для Дня святого Валентина

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

Значение цветов.

Это может быть таблица с картинками, показывающая основные цветы и розы, со значениями каждого цветка в качестве подарка. Например, красные розы несут совершенно иной смысл, нежели белые, и т.д. Так вы создадите страничку, которую люди добавят в закладки, чтобы сверяться с ней при выборе или получении цветов. Альтернативным заголовком может быть "Шпаргалка мужчинам по выбору цветов". Подобный заголовок привлечет немалый трафик по причине приближения праздника, а также получит немало ссылок и закладок для обращения к этой статье в будущем.

Статистика поедания конфет.

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

Смысл драгоценностей.

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

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

Идеи свидания.

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

19.5.2010 | комментариев нет

Чистый код страницы — чистая работа!

Изображение каждого из нас можно увидеть в зеркале, а каждый «живой» сайт отображается в поисковой системе. Это, братцы, природа вещей, как мы ее привыкли понимать. Поисковые роботы тоже имеют свои мозги, у них как и у людей есть свои предпочтения. Поисковики типа Yandex и Google не перестают обновлять алгоритмы ранжирования страниц и следить за нашими веб-ресурсами. Мы в свою очередь не перестаем искать оптимальных решений для вылазки в ТОП. Лучше один день побывать в топе, чем месяц на десятой странице в ж*пе...В случае если вы уже имеете свои ресурсы и у вас есть трафик, советую работать с партнерскими программами. Среди проверенных и прибыльных можно выделить датинг-развлечения Smartbucks.ru. Практически партнерка-монополист, но в хорошем смысле. Конверт всегда высокий, с килограмма хорошего трафика - 100-120 $. Если коснуться киношников, предпочитаю Kinobros.ru. Работают по схеме — веб-мастер всегда прав, а это приятно. А сейчас напишу несколько тысяч символов об одной простой, но весьма интересной теме — код страницы. Статья посвящается программистам, веб-мастерам и моему сиамскому коту.

Какие важные факторы влияют на позицию сайта в SERP? Скоро этот вопрос начнут задавать в школе. Конечно, это количество внешних ссылок (тематических!), плотность ключевых слов и их релевантность на веб-страничке, но есть еще один фактор, о котором мы так редко говорим вслух. Краткость — сестра таланта, а чистота и простота HTML или CSS кода страницы — родные браться успеха и эффективности. Те, кто понимают о чем я сразу же догадаются, что это весьма актуально для тех прогеров, кто делает сайты в визуальных редакторах. А как известно, в этом случае получается самый грязный и неопрятный код. Нужно отметить, что это влияет на позицию ресурса в результатах поиска, пусть и не критично. Вместе с этим такой код влияет на скорость индексации страницы сайта. Не трудно догадаться, что если код представлять собой мусорный бак, то поисковый робот предпочтет его игнорировать. Другими словами, индекс страницы займет куда больше времени, чем бы этого хотелось. Больше того, при SEO деятельности над своим сайтом — это недопустимо. Кстати, мы говорим о СДЛ, который должен быть приятен на глаз и легок в навигации.

К сожалению, современный дизайн и программирование в общей картине выглядят кисло. Дело в том, что сегодня большинство людей, которые называют себя программистами, готовы делать все ради того, чтобы минимизировать веб дизайн и поменьше напрягаться. Тяжелые и объемные графические сайты с напичканы Java скриптами, меняют диз на более простенький. И вот мы подошли к кульминации. Перечисляю несколько важнейших рекомендаций по усовершенствованию code вашей web-page.

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

2. Старайтесь продумывать верстку таким образом, чтобы код был максимально маленьким. Советую также не использовать вложенные таблицы;

3. Было бы неплохо избегать повторяющихся частей кода, используя известный файл стилей (style.css); Кстати, повторяющиеся части, как правило, встречаются при задании вида ссылки, текста либо ячейки. В общем, ахтунг!

4. Не допускать никаких ошибок в HTML коде, так как это может значительно усложнить процесс индексации сайта.

5. Не нужно злоупотреблять использованием Java скриптов, так как они являются главными разносчиками мусора в вашем коде.

6. Не пить много кофе и пора бы уже бросать курить!

16.2.2010 | комментариев 3

Веточный бизнес: букеты на заказ. Открытие интернет магазина.

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

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

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

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

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

- экономия на аренде помещний

- экономия на зарплате продавцов-консультанов

- работа вашего магазина в режиме 24/7, что едва ли было бы возможным при работе офф-лайн магазина.

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

28.4.2010 | комментариев нет

Sape - биржа статей


Известная и любимая всеми веб-мастерами биржа ссылок Sape, стала работать и со статьями. Об этом заявлялось довольна давно, еще в декабре прошлого года было известно о скором выходе новой возможности для продвижения от ссылочного гиганта. Довольно ожидаемое решение, ведь сейчас многие стали активно продвигаться именно через статьи, хотя обычная покупка ссылок работает не хуже, и требует меньших расходов. Плюсы продвижения статьями вполне очевидны и о них не пишет разве, что ленивый. Появление статей в Sape значит о значительном ударе Liex и SeoZavr, вторая биржа уже мертва. С базой веб-мастеров Sape и количество работающих там площадок, остальные биржи статей очень скоро получат колоссальный отток клиентов, особенно Liex, в котором почти все площадки ГС и размноженные статьи размещаются сотнями.

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

Попробуем поработать с новым инструментом, который в любом случае станет весьма удобным, учитывая опыт создателей биржи. Советую добавить несколько площадок для продажи статей, думаю первое время можно чуть больше заработать, пока количество площадок не возрастет в разы. А что Вы думаете о новой бирже? Будете ли добавлять сайты\покупать статьи?

25.1.2010 | комментариев нет

Новый сайт не проиндексирован в “Google”? Список проблем.

Одна из наиболее популярных проблем среди веб-мастеров медленное индексирование сайта либо отсутствие индексации в "Google". Зачастую новые материалы на сайте "Google" индексирует не сразу и это очень не приятно для продвижения сайта. Часто идут жалобы на медленную работу поискового робота, однако, большинство проблем связано с самим сайтом, поэтому хочу предложить список вопросов, которые стоит проверить, если сайт плохо индексируется.

Чек-лист вопросов индексирования:

1. Проверьте Вашу CMS на наличие запретов индексирования.

Обычно такие проблемы возникают сразу после установки. Некоторые CMS по умолчанию ставят запрет индексирования на всех страницах сайта, даже WordPress имеет опцию добавлять метатег Nofollow на все страницы сайта. Стоит не пренебрегать проверкой и проверить все настройки сайта на запрет сканирования.

2. Проверьте корректность Robots.txt.

Файл robots.txt используются для контроля (хотя и не полностью) поисковыми машинами сканирования веб-сайта. Убедитесь, что Вы не заблокировали сканирование ботами части вашего сайта, которая должна находится в индексе. Помните о вложенных страницах.

3. Проверьте Ваши сервера на возврат статуса "ОК".

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

23.6.2010 | комментариев нет

Новая тема для мобильного трафика

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

Успейте снять сливки, пока еще есть возможность, сайт протестирован и готов к сливу, ждёт своих вебмастеров!

По всем вопросам, в том числе и по промоматериалам, не стесняйтесь, обращайтесь в саппорт. Ссылка на регистрацию в партнерской программе - smartbucks.ru

Зарегистрировавшимся по моей ссылке бесплатно помогу в icq советами по оптимальному сливу трафика и как важать из данного платника максимальную прибыль.

21.4.2010 | комментариев нет

Продвижение в UA «Google»

На удивление материалов по продвижению в украинском «Google» очень мало, а она занимает большую часть рынка поиска на Украине. Продвигать сайт пока в «Google» легко, потому что большинство западных фильтров, которые работают отлично, у нас пока не введены в действие. Основной тезис продвижения - много ссылок, хороших и плохих, с PR. Внутренняя оптимизация, конечно, работает, но не на столько, как в Яндексе. В ТОП можно попасть без особых стараний, использую не уникальный текст или стандартный шаблон партнерской программы для магазина.

Основные источники ссылок под UA «Google»:

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

2. Форумы.
Как бы не было плохо спамить, и я призываю этого не делать, но спам форумов работает хорошо. Спамить стоит умеренно, постепенно и с разными анкорами разные страницы сайта. Желательно использовать белые базы, где не много ссылок. Я не призываю и наоборот против спама, но пока это работает в продвижение.
Читать полностью

14.4.2010 | комментариев 2

Региональные домены

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

В популярных доменных зонах вида: ru, com, net, ua, com.ua, biz и прочих хороших ключевых слов давно нет. Чтобы приобрести надо тратить большие деньги либо искать ключевые словосочетания с написанием через дефис, к примеру. Для Украины, отличным вариантом на мой взгляд, является регистрация доменных имен в региональных зонах вида: kh.ua, kiev.ua, crimea.ua, lg.ua и прочие. Региональные доменные зоны часто таят множество хороших, вкусных ключевых слов, которые свободны к регистрации. Так же, можно зарегистрировать 2-х буквенные и 2-х символьные домены, которые отлично запоминаются. Такие домены хорошо индексируются Яндексом и Google, нормально ранжируются в украинском регионе. Приобретать региональные домены можно для:

1. Сайтов работающих в данном регионе либо рассчитанных на него.

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

4.1.2010 | комментариев 4