Тег NOINDEX и атрибут nofollow

Тег NOINDEX и атрибут nofollowОписание Noindex и Nofollow, правила и преимущества их использования для частичного сокрытия от индексации.

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

Дальше

VN:F [1.9.11_1134]
Rating: 10.0/10 (1 vote cast)



Мета-теги HTML в оптимизации сайта – description и keywords

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

Дальше

VN:F [1.9.11_1134]
Rating: 8.1/10 (8 votes cast)



Тег TITLE

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

Дальше

VN:F [1.9.11_1134]
Rating: 10.0/10 (3 votes cast)



Обтекание картинки текстом

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

Предположим, есть у вас файл zhiraf.jpg, вставляете ее на страницу тегом <img src="zhiraf.jpg" />, после чего можете прописать в самом теге img стиль вида <img src="zhiraf.jpg" style="float: left; margin-right: 12px;" /> (для расположения изображения с правой стороны используем style="float: right; margin-left: 12px;"). Почему я использовал атрибут margin - для отступа слева или справа от картинки, что придает композиции более изящный вид.

Стиль можно обозначить классом в файле стилей (например, style.css) или вверху кода страницы между <head> и </head>. Можно создать класс .alignleft и .alignright для левой и правой сторон расположения картинки, тогда вставка изображения будет выглядеть как <img src="zhiraf.jpg" class="alignleft" />.

VN:F [1.9.11_1134]
Rating: 6.8/10 (13 votes cast)



Создание анкора, управление ссылками

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

Любая ссылка, как вам известно, состоит из открывающего <a> и закрывающего тегов </a>. А текст, который располагается меж открывающим - закрывающим тегом <a>, зовется анкор (текст ссылки).
Ссылкам вообще могут быть присвоены разные атрибуты. По своей сути, атрибуты указывают на то место, куда идёт ссылка (куда ссылается), и то, как она открывается. В новом или том же окне, в определённом месте текста или в начале страницы. Атрибуты ссылок должны прописываться в самом теле открывающего тега и разделяются пробелом.

Дальше

VN:F [1.9.11_1134]
Rating: 7.8/10 (4 votes cast)



Особенности HTML 5 и CSS 3

Описание основных преимуществ и особенностей HTML 5 и CSS 3.

HTML 5 и CSS 3 – это новые веяния в сфере сайтостроения. Последние версии базовых инструментов разработки страниц помогут вам воплотить гораздо больше функций и возможностей, чем раньше. Так что, вам уже сейчас следует узнать о них больше, чтобы внедрить все приятные новшества в создаваемый веб-проект.

Чтобы повествование было последовательным, начать обследование HTML 5 и CSS 3 следует с первого пункта. Нельзя не отметить, что разработчики HTML 5 учли все современные тенденции, связанные с поисковой оптимизацией. И поэтому среди атрибутов и параметров появились новые значения, благодаря которым вы сможете наладить более позитивную и узкую связь с поисковыми роботами.

Дальше

VN:F [1.9.11_1134]
Rating: 7.9/10 (14 votes cast)



Выравнивание DIV по центру

Часто ли вам требовалось расположить блок по центру экрана? Делается это довольно просто.

Предположим, у вас есть div с шириной в 400px (width: 400px;). Присваиваем блоку class/id (<div class="center"></div>), в файле стилей пишем:
.center {
position: absolute;
left: 50%;
margin-left: -200px;
width: 400px;
}

В этом случае мы установили блоку ширину в 400px, присвоили абсолютное позиционирование, отодвинули на 50% от левого края экрана и убрали отступ в половину размера блока. DIV выровнен по центру.

VN:F [1.9.11_1134]
Rating: 8.2/10 (6 votes cast)



Теги BR и NOBR

Тег br нужен для переноса текста на следующую строку. Он не требует закрывающего тега и его синтаксис в HTML выглядит так - <br>, в XHTML - <br />.

Тег nobr не входит в спецификацию HTML и при его использования код будет считаться не валидным. Этот тег нужен для того, чтобы текст отображался без переносов, но это часто приводит к появлению горизонтальной прокрутки, что не очень удобно пользователям. Синтаксис тега - <nobr>текст</nobr>

VN:F [1.9.11_1134]
Rating: 10.0/10 (2 votes cast)



Тег P

Тег P предназначен для определения параграфа. Этот тег является блочным элементом и перед ним всегда добавляется пустая строка. С помощью стилей можно указать величину промежутка.
Синтаксис тега P:
<p>текст</p>

Атрибуты:
align - определяет выравнивание текста.

Многие забывают про этот тег, предпочитая несколько раз указывать <br>, однако, с помощью тега P можно сократить ваш код страницы.

VN:F [1.9.11_1134]
Rating: 10.0/10 (2 votes cast)



Тег HR

Тег HR является блочным элементом и нужен для того, чтобы изобразить горизонтальную линию. Чаще всего этот прием служит для того, чтобы визуально разделить элементы.
Синтаксис тега:
в HTML <hr>, в XHTML <hr />

Атрибуты тега:
align - определяет выравнивание линии, значения могут быть left, right, center.
color - определяет цвет разделительной линии.
noshade - делает линию без страндартного трехмерного эффекта.
size - определяет толщину линии, по умолчанию стоит 2.
width - определяет длинну линии.

VN:F [1.9.11_1134]
Rating: 10.0/10 (5 votes cast)



Страница 1 из 212