|
Guest
|
[HIDE=1]
Общие вопросы юзабилити
Большинство пользователей любят легкие для понимания, информативные сайты. Им важна возможность быстро находить интересующие сведения. Вебмастер должен предоставить ее, позаботившись о том, чтобы контент (текстовый, графический, видео) удобно располагался, был понятным.
Простыни текстов с большим количеством ключей сейчас неактуальны. Их не читают пользователи и критически оценивают поисковики. Разместив их на сайте, вы потеряете посетителей и попадете в немилость к роботам.
[ATTACH]3750.vB[/ATTACH]
Создавать удовлетворяющие пользователя и поисковики тексты можно, ориентируясь на требования последних. Они состоят в следующем:
- размер текста должен быть оптимальным для своей тематики и типа. В идеале, ответ на свой вопрос пользователь должен находить уже в первом окне. Для коммерческой тематики приемлемой длиной текста считается 1,5 окна. Информационные статьи также не должны быть большими. Если рассказать о чем-то кратко не получается, лучше разделить текст на несколько частей и разместить их на разных страницах;
- высокая плотность ключевых слов – это переоптимизация. Google и Яндекс прямо говорят о том, что в текстах не должно быть много ключей, поскольку пользователям не интересен спам. Определить оптимальную плотность в каждой тематике, можно, проанализировав ТОП по интересующим запросам. В некоторых случаях помогают эксперименты;
- распределение ключей должно быть равномерным. Слова в верхней части страницы имеют больший вес, чем те, что находятся внизу. Но, это не значит, что если в тексте предполагается два ключа, их стоит употребить уже во введении. Не стоит забывать о возможности вписывать их в заголовки, теги.
Чтобы пользователь оставался на сайте как можно дольше, он должен понимать, что он найдет на его страницах. Поэтому вебмастеру следует структурировать информацию и направлять внимание гостя при использовании элементов форматирования (рамок, особого шрифта, тегов). Они нужны, чтобы выделить интересные, полезные моменты. Но их не должно быть много. Иначе вы рискуете перегрузить пользователя, вызвать у него раздражение и желание уйти с сайта.
[ATTACH]3751.vB[/ATTACH]
Лучше ориентироваться на странице помогают теги , <description>, текст которых также отображается в поиске. Уникальность, лаконичность и точность описания – основные требования, которые предъявляются к ним. Удачные заголовки пригласят пользователя на сайт и помогут распознавать его в закладках.<br />
<br />
Улучшают внешний вид текста теги <h1>-<h6>, <strong>, <p>, <br> и другие. Они позволяют структурировать информацию, делают изложение логичным. Используя их, вы экономите время пользователя, которое требуется для поиска нужных сведений.<br />
<br />
Приносящая сайту прибыль информация не должна мешать знакомству с текстом. Поэтому лучше отказаться от попандеров, кликандеров и других подобных видов рекламы.<br />
<br />
Ссылки – еще один важный элемент страницы. Чтобы пользователь заметил их, они должны быть оформлены с учетом его привычек, касающихся:<br />
<ul><li>цвета. Он должен быть синим или фиолетовым;</li>
<li>подчеркивания. В некоторых случаях оно сразу сопровождает текст ссылки, в других – появляется при наведении на него курсора;</li>
<li>длины текста. Лучше использовать недлинные комбинации ключевых слов так, чтобы они легко копировались, выделялись.</li>
</ul><br />
<div align="center">[ATTACH]3752.vB[/ATTACH]</div><br />
Сделать сайт лучше помогает правильное размещение статьи на странице. Инструкции следует располагать перед картинками, формами обратной связи, а тексты на сайте интернет-магазина должны идти после изображений товаров.<br />
<br />
Кстати, сами по себе картинки также очень важны. Они дают представления о том, что есть на сайте без прочтения текста. Изображения участвуют в поиске по картинкам, поэтому привлекают пользователей на сайт. Но они работают только тогда, когда:<br />
<ul><li>являются уникальными;</li>
<li>их дополняет атрибут <alt>. Он поясняет изображение, что особенно важно, когда композиция сложна и малопонятна.</li>
</ul><br />
Заботясь об удобстве пользователя, вебмастер делает сайт интереснее для поисковых систем. Хорошо систематизированный контент проще индексируется. А это способствует росту позиций в выдаче, а значит, увеличению прибыли от монетизации.<br />
<br />
<b><font size="4">Структура и навигация</font></b><br />
<br />
Придя на сайт за контентом, пользователь может захотеть поближе познакомиться с ресурсом. Чтобы он смог сделать это с удобством, вебмастеру нужно продумать структуру, навигацию. Яндекс утверждает, что эти моменты юзабилити недостаточно проработаны у многих сайтов.<br />
<br />
Если структура и навигация будут непонятны для посетителя, он, даже при условии, что первая страница, на которую он попал, ему понравилась, уйдет с ресурса. И, возможно, что никогда не вернется. Ведь подобные вашему, но более простые и понятные ресурсы, находятся всего на расстоянии нескольких кликов от него.<br />
<br />
Чтобы помочь гостю быстрее сориентироваться, нужно не только предусмотреть очевидные, названия разделов, пунктов меню. Пользователь не заблудится на сайте, если вы позаботитесь о:<br />
<ul><li>Карте сайта (sitemap). HTML-карта сайта помогает посетителю без глубокого просмотра разобраться в содержании сайта, найти самые простые пути передвижения по нему. XML-карта сайта (sitemap.xml) помогает поисковым роботам лучше индексировать ресурс. Подробнее о sitemap.xml читайте в хелпе <a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=http%3A%2F%2Fhelp.yandex.ru%2Fwebmaster%2Findexing-options%2Fsitemap.xml" target="_blank" rel="nofollow">Яндекса</a> и <a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=https%3A%2F%2Fsupport.google.com%2Fwebmasters%2Fanswer%2F156184%3Fhl%3Dru" target="_blank" rel="nofollow">Google</a>.</li>
<li>Подсказках. Хорошо известная навигация типа «хлебные крошки» сообщает гостю его путь, позволяя возвращаться в пройденные разделы, подразделы.</li>
</ul><br />
Познакомиться с общими требованиями к навигации можно в <a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=http%3A%2F%2Fhelp.yandex.ru%2Fmetrika%2Fadvisable%2Feasy-navigation.xml" target="_blank" rel="nofollow">блоге Яндекса</a> <br />
<br />
<div align="center">[ATTACH]3753.vB[/ATTACH]</div><br />
Поддержать внимание пользователя к сайту призван онлайн-мерчандайзинг. Грамотное размещение товаров в каталогах помогает заинтересовать конкретного пользователя и подталкивает его к совершению действий (покупка, заказ, подписка). В результате реализации приемов онлайн-мерчандайзинга, значимость посещаемых страниц для поисковиков увеличивается, а репутация сайта улучшается. Рост позиций приводит на ресурс новых пользователей, а вместе с ними к вебмастеру приходит и прибыль.<br />
<br />
Пользователи могут ориентироваться на разные параметры – цену, марку и другие – поэтому на сайте следует предусмотреть несколько вариантов сортировки. Но, главное, чтобы содержание страницы удовлетворяло его прямым потребностям.<br />
<br />
Дополнительную информацию лучше размещать в рекомендательные блоки. Обычно они знакомят с:<br />
<ul><li>новинками;</li>
<li>популярной продукцией;</li>
<li>сопутствующими, дополнительными товарами;</li>
<li>похожей продукцией;</li>
<li>рекомендуемыми товарами, которые также могут заинтересовать пользователя.</li>
</ul><br />
<div align="center">[ATTACH]3754.vB[/ATTACH]</div><br />
Многие пользователи занимаются интернет-серфингом в поисках отзывов. Из-за них они готовы не только задержаться на сайте, но и вернуться на него вновь. Поэтому, их размещение помогает улучшить юзабилити и увеличить прибыльность ресурса.<br />
<br />
Опубликовав отзывы, вебмастер получает бесплатный контент и помогает пользователям, которые используют НЧ-запросы, находить нужную информацию без особенных стараний.<br />
<br />
Чтобы перевести общение с пользователем из виртуального пространства в реальное, нужно сделать доступной и правильно оформить страницу контактов. На ней должны присутствовать:<br />
<ul><li>адрес;</li>
<li>номер телефона, ICQ, Skype;</li>
<li>форма обратной связи;</li>
<li>время работы онлайн и обычного офиса;</li>
<li>социальные кнопки.</li>
</ul><br />
<div align="center">[ATTACH]3755.vB[/ATTACH]</div><br />
Вы позаботитесь об удобстве пользователя, если дополните эту информацию картой города, района, показывающей место расположения офиса, подъезды к нему. Сделать это можно при помощи сервиса <a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=http%3A%2F%2Fapi.yandex.ru%2Fmaps%2Ftools%2Fconstructor%2F" target="_blank" rel="nofollow">Яндекса</a>.<br />
<br />
Для наглядности на страницу контактов можно добавить фотографии офиса, здания, где он расположен.<br />
<br />
Подробная страница контактов избавляет пользователей от необходимости совершать дополнительные действия на сайте (искать номера телефонов) и в реальности (искать здание, где находится офис). Кроме того, это способствует увеличению доверия к компании.<br />
<br />
<div align="center">[ATTACH]3756.vB[/ATTACH]</div><br />
Даже опытные пользователи интернета могут теряться и закрывать вкладку, попадая на страницу «Ошибка 404». Поэтому вам нужно позаботиться о том, чтобы у них не возникало вопросов «Куда я попал?», «Что делать дальше?» и тому подобных. На странице с ошибкой стоит указать возможные причины ее появления и дать пользователю рекомендации к действию, например, посоветовать перейти на главную. Такая предусмотрительность сократит количество пользователей, покидающих сайт, так и не совершив никаких действий.<br />
<br />
<div align="center">[ATTACH]3757.vB[/ATTACH]</div><br />
<b><font size="4">Технические моменты юзабилити</font></b><br />
<br />
При стабильной и правильной работе сайта, пользователь не обращает внимания на технические моменты. Он задумывается о них только тогда, когда наблюдает ошибки и неточности в его работе. Чтобы избежать отказов, вебмастеру следует позаботиться о том, чтобы сайт функционировал по первому сценарию.<br />
<br />
Начать стоит с правильного выбора хостинга. Он должен быть надежным и обеспечивать стабильную работу сайта. Если пользователи, приходящие из поиска, будут обнаруживать, что ресурс недоступен, процент отказов будет велик. А это негативно отразится на его позициях в выдаче и вашей прибыли.<br />
<br />
Еще один важный момент – скорость загрузки страниц. Она должна быть достаточно большой и не зависеть от параметров передачи данных, предусмотренных тарифом провайдера. Скорость загрузки зависит от наличия скриптов, флэш, видео и других элементов на сайте. Чем их больше, тем медленнее страница появляется в браузере. Загрузки тяжелого сайта пользователь может не дождаться: он найдет все, что требуется на расторопных ресурсах.<br />
<br />
<div align="center">[ATTACH]3758.vB[/ATTACH]</div><br />
Легкие страницы и не перегруженный дизайн увеличат скорость загрузки. Выиграв всего 3 секунды, вы получаете на 25% больше переходов и увеличиваете конверсию на 10-12%. А, значит, ваш доход от ресурса возрастет.<br />
<br />
Определить скорость загрузки страниц помогают инструменты – <a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=http%3A%2F%2Fdevelopers.google.com%2Fspeed%2Fpagespeed%2Finsights%2F" target="_blank" rel="nofollow">Page Speed Online</a> от Google, <a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=http%3A%2F%2Ftools.pingdom.com%2Ffpt%2F" target="_blank" rel="nofollow">Pingdom Tools</a>, <a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=http%3A%2F%2Fwww.webpagetest.org%2F" target="_blank" rel="nofollow">Webpagetest</a> и другие.<br />
<br />
Google и Яндекс в технических рекомендациях советуют вебмастерам навести порядок в коде. Верстка сайта должна производиться в соответствии со стандартами. При использовании CSS, следует упрощать контейнеры.<br />
<br />
Поисковые системы рекомендуют направлять роботов при помощи размещения robots.txt, тега «NOINDEX», а также использовать микроразметку.<br />
<br />
В файле robots.txt вебмастер прописывает параметры индексирования. Например, с его помощью он может блокировать доступ к некоторым разделам, указывать путь к sitemap.<br />
<br />
Тег «NOINDEX» закрывает контент, который вебмастер не хочет отдавать на индексацию.<br />
<br />
Микроразметка улучшает восприятие сайта, о чем говорят и <a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=http%3A%2F%2Fhelp.yandex.ru%2Fwebmaster%2Fschema-org%2Fwhat-is-schema-org.xml" target="_blank" rel="nofollow">Яндекс</a>, и <a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=https%3A%2F%2Fsupport.google.com%2Fwebmasters%2Fanswer%2F99170%3Fhl%3Dru%26ref_topic%3D1088472" target="_blank" rel="nofollow">Google</a>. Красиво оформленные сниппеты привлекают внимание пользователей при изучении выдачи. Оригинальные аватарки, фотографии, оценки и пояснения помогают без посещения сайта понять, насколько ему можно доверять, и может ли он быть интересным и полезным. Настраивается микроразметка автоматически, что значительно упрощает использование этого инструмента.<br />
<br />
<div align="center">[ATTACH]3759.vB[/ATTACH]</div><br />
К техническим моментам относится и написание адресов страниц (URL). Они должны обладать следующими свойствами:<br />
<ul><li>Быть ЧПУ (ЧеловекоПонятный URL), то есть адрес страницы должен быть удобен для восприятия человеком и нести в себе информацию о содержимом страницы.</li>
<li>Адреса страниц должны обладать структурностью (раздел/подраздел/материал);</li>
<li>URL должны иметь небольшую длину;</li>
<li>В адресах страниц сайта должны отсутствовать символы типа «!», «$» и т.д. .</li>
</ul><br />
Кроме того, ресурс должен красиво отображаться в Mozilla Firefox, Opera, Google Chrom, Internet Explorer и других браузерах.<br />
<br />
<b><font size="4">Заключение</font></b><br />
<br />
Грамотные решения юзабилити сокращают время необходимое пользователю, чтобы понять, как работать с сайтом, что можно найти на его страницах. Они работают на имидж ресурса и делают его узнаваемым. Все это способствует увеличению конверсии.<br />
<br />
Действия пользователей оживляют сайт, поэтому при ранжировании по поведенческим факторам, он получает более высокие оценки. Из-за этого видимость ресурса в поисковой системе улучшается, что способствует росту трафика.<br />
<br />
Так правильные решения юзабилити помогают вебмастеру получать большую прибыль при монетизации. Поэтому вложения времени и средств в увеличение удобства сайта всегда оправданы.<br />
<br />
<a href="https://goldroyal.net/go.php?s=5181170666dd44c15b100c5de7162127&url=http%3A%2F%2Ftrustlink.ru%2Fregistration%2F113027" target="_blank" rel="nofollow">trustlink.ru</a>[/HIDE]
</div>
<!-- / message -->
<!-- attachments -->
<div style="padding:6px">
<fieldset class="fieldset">
<legend>Изображения</legend>
<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2873&d=1490302132">71_1.png</a> (10.5 Кб, 0 просмотров)</td>
</tr><tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2874&d=1490302132">71_2.png</a> (7.4 Кб, 2 просмотров)</td>
</tr><tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2875&d=1490302132">71_3.png</a> (2.7 Кб, 0 просмотров)</td>
</tr><tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2876&d=1490302132">71_4.png</a> (10.3 Кб, 1 просмотров)</td>
</tr><tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2877&d=1490302132">71_5.png</a> (10.8 Кб, 0 просмотров)</td>
</tr><tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2878&d=1490302132">71_6.png</a> (3.7 Кб, 2 просмотров)</td>
</tr><tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2879&d=1490302132">71_7.png</a> (8.0 Кб, 5 просмотров)</td>
</tr><tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2880&d=1490302132">71_8.png</a> (4.3 Кб, 0 просмотров)</td>
</tr><tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2881&d=1490302132">71_9.png</a> (4.8 Кб, 0 просмотров)</td>
</tr><tr>
<td><img class="inlineimg" src="images/attach/png.gif" alt="Тип файла: png" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
<td><a href="attachment.php?s=5181170666dd44c15b100c5de7162127&attachmentid=2882&d=1490302132">71_10.png</a> (11.2 Кб, 4 просмотров)</td>
</tr>
</table>
</fieldset>
</div>
<!-- / attachments -->
<div id="sc_thumbs_box_355565" style="margin-top:0px;">
<br />
<div class="post">
<div class="post_thumbs">
<span class="general_color">
<strong>
<a href="#355565"><span class="tool">0
</span></a></strong></span>
<span class="general_color">
<img src="images/buttons/down_dis.png" alt="Недоступно!" class="linkize thumbsdown">
<img src="images/buttons/up_dis.png" alt="Недоступно!" class="linkize thumbsup">
</a>
</span>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td class="alt2" style="border: 1px solid #FFFFFF; border-top: 0px">
</td>
<td class="alt1" align="right" style="border: 1px solid #FFFFFF; border-left: 0px; border-top: 0px">
<!-- controls -->
<!-- / controls -->
</td>
</tr>
</table>
<!-- / post #355565 -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" style="border-top-width:0px">
<tr>
<td class="tfoot" align="center">
<input type="button" class="button" value="Закрыть окно" id="close_button" style="display: none;" />
<script type="text/javascript">
<!--
if (self.opener)
{
var close_button = fetch_object('close_button');
close_button.style.display = '';
close_button.onclick = function() { self.close(); };
}
//-->
</script>
</td>
</tr>
</table>
</form>
<!-- lightbox scripts -->
<script type="text/javascript" src="clientscript/vbulletin_lightbox.js?v=389"></script>
<script type="text/javascript">
<!--
vBulletin.register_control("vB_Lightbox_Container", "td_post_355565", 1);
//-->
</script>
<!-- / lightbox scripts -->
<script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>
</body>
</html> |