20 октября в Москве пройдет Конференция «Тэглайн. Управление интернет-агентством», которая рассчитана на владельцев, руководителей и ключевых специалистов, маркетологов, пиарщиков и менеджеров веб-студий, SEO-компаний и интернет-агентств.
Каждый пользователь Интернета знает, что любой преуспевающий сайт нашего времени имеет свой собственный логотип. Во-первых, логотип — это круто, во-вторых — престижно. Логотипы, в свою очередь, бывают самыми разными, а именно текстовыми, геометрическими и т. д. Но если подходить к вопросу оформления логотипа со стороны SEO, то абсолютно неважно какого типы логотип вы выбрали. Самым важным является то, как вы его оформили в HTML-коде. Именно об этом мы и расскажем нашей статье.
Для начала классифицируем логотипы по назначению. По этому критерию они делятся на навигационные (выводят на главную страницу сайта) и не-навигационные (служат лишь для оформления). Рассмотрим теперь эти два типа подробнее.
Не-навигационные логотипы
Существует два способа оформления не-навигационных логотипов. Здесь все зависит от размера страницы и объема вмещаемой информации. При малом количестве контента на создаваемом сайте, а также небольшом количестве страниц лучшим решением для оформления логотипа будет использование тэга <img> с необходимыми ключевыми словами (атрибут alt). Эти ключевые слова будут дополнять содержимое страницы.
ЗЫ пример:
<div class=“logo”><img src=“images/logo.jpg” alt=“Ключевые слова” width=“100” height=“30” /></div>
Следует отметить, что атрибут alt предусматривает написание не фраз типа «Логотип», а именно ключевые слова, по которым проводится оптимизация сайта. Таким образом, создается бренд и, благодаря такому подходу, логотип будет выдаваться, как результат поиска изображений по бренду.
Но если сайт содержит большое количество страниц с огромным объемом контента, тогда вам стоит оформить логотип с помощью стилей CSS. Это следует сделать с целью оптимизации загрузки страниц. Пример такого оформления приведен ниже:
<div class=“logo”></div>
.logo {
width:100px;
height:30px;
background:url(images/logo.
Навигационные логотипы
Логотипы такого типа можно оформлять по-разному. Пример одного из способов оформления:
<div class=“logo”><a href=”/”><img src=“images/logo.jpg” alt=“Ключевые слова” width=“100” height=“30” /></a></div>
Но такой подход недопустим, так как такое оформление очень громоздкое. Оно увеличивает размер каждой страницы. И при реализации этого способа ключевые слова не будут передаваться на главную страницу. Поэтому гораздо лучшим будет следующее решение:
<div class=“logo”>
<a href=”/”></a>
</div>
.logo {padding-left:32px; padding-top:70px;}
.logo a {
background:url(/images/logo.
display:block;
height:43px;
width:133px;}
Такое решение уже намного лучше, но снова мы сталкиваемся с отсутствием ключевых слов. Поэтому более эффективным для логотипов навигационных будет следующий способ:
<div class=“logo”><a href=”/”>Ключевые слова сайта</a></div>
Ну, а если вы хотите спрятать ключевые слова, то используйте правило text-indent в CSS.
.logo a {text-indent:-1000em; outline:0;}
Что дает логотип? В онлайне нужно уметь себя позиционировать, а качественный логотип сможет привлечь больше посетителей. Логотип может привлечь внимание и создать имидж сайта компании или же простого благо. В свою очередь вы можете гнать трафик на красивые сайты партнерских программ и зарабатывать свои деньги. Сегодня партнерские компании предлагают самые выгодные условия для конвертации вашего трафика. Время попробовать и начать зарабатывать в интернете!
<span id="854c5539e6aa1b96febd5a3eecd79b41"></span>
Каждый пользователь Интернета знает, что любой преуспевающий сайт нашего времени имеет свой собственный логотип. Во-первых, логотип — это круто, во-вторых — престижно. Логотипы, в свою очередь, бывают самыми разными, а именно текстовыми, геометрическими и т. д. Но если подходить к вопросу оформления логотипа со стороны SEO, то абсолютно неважно какого типы логотип вы выбрали. Самым важным является то, как вы его оформили в HTML-коде. Именно об этом мы и расскажем нашей статье.
Для начала классифицируем логотипы по назначению. По этому критерию они делятся на навигационные (выводят на главную страницу сайта) и не-навигационные (служат лишь для оформления). Рассмотрим теперь эти два типа подробнее.
Не-навигационные логотипы
Существует два способа оформления не-навигационных логотипов. Здесь все зависит от размера страницы и объема вмещаемой информации. При малом количестве контента на создаваемом сайте, а также небольшом количестве страниц лучшим решением для оформления логотипа будет использование тэга <img> с необходимыми ключевыми словами (атрибут alt). Эти ключевые слова будут дополнять содержимое страницы.
ЗЫ пример:
<div class=“logo”><img src=“images/logo.jpg” alt=“Ключевые слова” width=“100” height=“30” /></div>
Следует отметить, что атрибут alt предусматривает написание не фраз типа «Логотип», а именно ключевые слова, по которым проводится оптимизация сайта. Таким образом, создается бренд и, благодаря такому подходу, логотип будет выдаваться, как результат поиска изображений по бренду.
Но если сайт содержит большое количество страниц с огромным объемом контента, тогда вам стоит оформить логотип с помощью стилей CSS. Это следует сделать с целью оптимизации загрузки страниц. Пример такого оформления приведен ниже:
<div class=“logo”></div>
.logo {
width:100px;
height:30px;
background:url(images/logo.
Навигационные логотипы
Логотипы такого типа можно оформлять по-разному. Пример одного из способов оформления:
<div class=“logo”><a href=”/”><img src=“images/logo.jpg” alt=“Ключевые слова” width=“100” height=“30” /></a></div>
Но такой подход недопустим, так как такое оформление очень громоздкое. Оно увеличивает размер каждой страницы. И при реализации этого способа ключевые слова не будут передаваться на главную страницу. Поэтому гораздо лучшим будет следующее решение:
<div class=“logo”>
<a href=”/”></a>
</div>
.logo {padding-left:32px; padding-top:70px;}
.logo a {
background:url(/images/logo.
display:block;
height:43px;
width:133px;}
Такое решение уже намного лучше, но снова мы сталкиваемся с отсутствием ключевых слов. Поэтому более эффективным для логотипов навигационных будет следующий способ:
<div class=“logo”><a href=”/”>Ключевые слова сайта</a></div>
Ну, а если вы хотите спрятать ключевые слова, то используйте правило text-indent в CSS.
.logo a {text-indent:-1000em; outline:0;}
Что дает логотип? В онлайне нужно уметь себя позиционировать, а качественный логотип сможет привлечь больше посетителей. Логотип может привлечь внимание и создать имидж сайта компании или же простого благо. В свою очередь вы можете гнать трафик на красивые сайты партнерских программ и зарабатывать свои деньги. Сегодня партнерские компании предлагают самые выгодные условия для конвертации вашего трафика. Время попробовать и начать зарабатывать в интернете!
<span id="854c5539e6aa1b96febd5a3eecd79b41"></span>
2 коммент.:
Странное окно комментов. Хотел сказать, что гуд статья.
Это один из способов отправки комментарий в Blogger, мне честно говоря не очень нравится, но поменять нельзя, это бок данного шаблона. Возможно можно подправить код, но я к сожалению не знаю где.
Отправить комментарий