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

1. «Анимация» — одна из самых распространенных черт таких сайтов. Огромные анимации или изображения на главной странице, несколько бегущих строк перемещающиеся в 2 разные стороны и при этом резко мигающие вызывают мгновенный уход посетителя с такого сайта. Можно быть уверенным, что он не вернется. Конечно при построении сайта это кажется хорошо, но на самом деле это не так.
2. «Широкие изображения» — большие по формату изображения медленно загружаются, особенно это понятно жителям стран СНГ, где быстрый доступ в интернет еще редкость, но не за горами.
3. «Кнопки» — начинающие веб-строители любят вешать на главную страницу до 10-20 кнопок — счетчики, топы, эмблемы каталогов, ссылки на дружественные сайты. Подумайте, может что-то из этого бесполезное увеличение объема графики.
4. «Длинные тексты» — иногда видишь «сайт» целиком умещающийся в одном большом файле. Большая ошибка! Пользователь не должен прокручивать экран больше чем на 2,5-3 экрана.
5. «Фон» — классическая ошибка начинающих — это использование цветистых, а зачастую и разных типов фона в пределах сайта. Старайтесь создать единую атмосферу на сайте, и фон не должен выпячиваться вперед, показывая свою важность. Попробуйте использовать классику — черный текст на белом фоне.
6. «Ошибки» — всегда проверяйте свою орфографию. Ошибки зачастую прокрадываются незаметно и портят все впечатление от сайта.
7.»Выпадающие окна» — использование pop-up окон является нарушением правил этикета при построении сайтов, самой обычной реакцией пользователя на появление таких окон при каждом клике на ссылке будет уход с такого сайта.
8. «Горизонталь» — часто при жестком дизайне (все расстояния указываются в пикселях) появляется горизонтальная полоса прокрутки, если веб-строитель имеет хороший монитор и видео-карту. Обязательно проверьте свой сайт при разных разрешениях, к примеру 800*600 при 256 цветах и 1440*900 при 32млн цветов. А также в различных браузерах.
9. «Разные шрифты» — при создании сайтов применяйте правило «Не более 5-ти шрифтов на странице» — при этом жирные шрифты считаются за отдельный шрифт, тоже касается и их размера.
10. «Under Construction» — самая бесполезная надпись из всех. Если Вы переделываете раздел, лучше убрать ссылки на него. Как правило, на сайтах объема больше среднего (>50 файлов) целесообразно перейти на использование SSI или вставок на JavaScript’ах. Это позволит Вам быстро менять общие элементы, в частности меню.

Прочитав этот пост, думаю стало гораздо понятней, о каких сайтах шла речь. Желаю удачи Вам дорогие читатели и до встречи в следующих постах!

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

Коротко: почему Flash это неподходящее решение?

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

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

Как поисковые системы справляется с Flash

C технической точки зрения и Yandex и Google индексирует Flash. Используя специальный оператор Google filetype, вы можете легко найти проиндексированные файлы Flash.

Обычно Google перечисляет несколько Flash-страниц, но при внимательном рассмотрении мы видим, что Google ужасно справляется с их описанием. Некоторые названия и описания – всего лишь HTML-код («тарабарщина» для большинства людей):

[FLASH] <align=»left»><font face=»_serif» size=»14″ color=»#31309c»><b …

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

Loading Loading. Loading.. Loading… Designed by bebrand.tv …

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

Оптимизация Оптимизация Поиск Поиск Поиск …

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

К вашему сведению, у Google есть файлы помощи (только на английском), объясняющие недостатки при индексации Flash-страниц. Там же предлагаются решения:

Google индексирует страницы, использующие Macromedia Flash. Однако наши «пауки» могут сталкиваться с проблемами при индексации Flash-страниц. Если вы озабочены тем, что контент в виде Flash на ваших страницах может препятствовать Google в индексации вашего сайта, вы можете использовать текстовый браузер, например Lynx, чтобы проверять свой сайт. Если Flash не позволяет вам видеть весь сайт в текстовом браузере, пауки поисковых систем могу столкнуться с проблемами, индексируя ваш сайт. Вы можете создать HTML-копии этих страниц для нашего паука. Если вы создаете их, не забудьте включить туда файл robots.txt, запрещающий Flash-страницы, чтобы паук не принял их за дубликаты уже проиндексированных страниц.

Однако Google не упоминает, что другие сайты, к сожалению, будут ссылаться на ваш не индексированный Flash-сайт, если это то, то они видят. Это значит, что ваш проиндексированный дубликат сайта в HTML будет покоиться на дне результатов поиска, потому что на неё никто не будет ссылаться. Вот в этом и заключается большой недостаток сайтов, целиком сделанных на Flash!

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

Поисковая система для Flash

Один из лучших способов увидеть свой сайт после индексации его поисковой системой – это использовать поисковую систему для Macromedia Flash (SDK). SDK (Пакет разработки программного обеспечения) является бесплатным. Он включает приложение swf2html.exe, извлекающее текст и ссылки из Flash-файла (.swf). Как только контент извлечен, вы сможете прочитать его в окне DOS или перевести его в файл, как HTML-документ.

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

Google, к примеру, использует первую строку извлеченного текста в качестве тега заголовка в списке результатов. Обычно это не идеальный тег заголовка, поэтому результаты поиска не соблазнят пользователей на клик по вашей ссылке. Более того, описание берется из текста, который, по мнению Google, соответствует запросу. Но это нередко выглядит полной белибердой.

Формат файла: Shockwave Flash

</font></p><p align=»left»></p><p align=»left»><font face=»_serif» size=»16″ color=»#31309c»><b>Поисковая оптимизация и продвижение сайтов в …

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

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

Замена текстом при помощи JavaScript – преимущества и недостатки

Используя технологию замены текстом с помощью Java Script (JTR), вы будете создавать свои страницы как обычно, с множеством индексируемого текста в HTML. Затем вы используете программу JavaScript, чтобы определить, установлен ли Flash у пользователя. Если да, то вы показываете ему Flash-версию сайта. Если нет – HTML. Так как в пауках поисковых систем не установлен Flash, им будет предоставлены HTML-страницы для индексации. Все должно пройти гладко.

Наиболее распространенная программа для JTR – SWFObject() – ёе обзор доступен на сайте разработчиков. Мы рекомендуем почитать его, если вы собираетесь использовать данную программу. Чтобы вы поняли принцип работы программы, мы приведем вам код:

<script type=»text/javascript» src=»swfobject.js»></script>
<div id=»flashcontent»>

This text is replaced by the Flash movie.

</div>
<script type=»text/javascript»>
var so = new SWFObject(»movie.swf», «mymovie», «400″, «200″, «8″, «#336699″);
so.write(»flashcontent»);
</script>

Первая часть кода:

<script type=»text/javascript» src=»swfobject.js»></script>

…просто добавляет JavaScript файл, который вы будете использовать на странице и который должен быть заменен тегом head. Далее:

<div id=»flashcontent»>

Этот текст заменяется на Flash-ролик

</div>
<script type=»text/javascript»>
var so = new SWFObject(»movie.swf», «mymovie», «400″, «200″, «8″, «#336699″);
so.write(»flashcontent»);
</script>

Эта часть должна быть размещена в части body вашей веб-страницы. Он содержит HTML-код, который вы хотите проиндексировать.

За этим следует кусочек JavaScript кода, который проигрывает ваш Flash-ролик, в случае если у пользователя установлен Flash. Если у них не установлен Flash, они увидят то, что вы поместили в раздел

<div id=»flashcontent»>.

Заметьте, что вам нужно создавать HTML-заголовки и описания, а также оптимизировать их, как вы это обычно делаете. SWFObject() просто заменяет ваш Flash-ролик нормальной HTML-страницей. Вот полная (хоть и короткая) веб-страница, использующая SWFObject().

SWFObject() для Flash SEO – Законченная страница
<html>
<title> Поисковая оптимизация </title>
<head>
<meta name=»description» content=»Курсы поисковой оптимизации.»>
<script type=»text/javascript» src=»swfobject.js»></script>
</head>
<body>
<div id=»flashcontent»>
<p>Вставьте ваш оптимизированный текст здесь</p>
</div>
<script type=»text/javascript»>
var so = new SWFObject(»movie.swf», «mymovie», «400″, «200″, «8″, «#336699″);
so.write(»flashcontent»);
</script>
</body>
</html>

Конечно, если вы создадите свой сайт в виде одного Flash-приложения, у вас будут проблемы с SWFObject(), который требует, чтобы веб-сайт был составлен из отдельных веб-страниц, содержащих Flash-контент.

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

Это позволяет людям ссылаться на различные части вашего Flash-ролика. SWFObject() в некоторой степени помогает индексации вашего контента

В общем и целом, SWFObject() позволяет быть уверенным, что пользователи увидят Flash-ролик, а пауки поисковых систем попадут на HTML для индексации. Если весь ваш сайт исполнен в виде Flash-приложения, у вас все еще могут быть проблемы. Но если вы используете отдельные страницы с Flash, SWFObject() отлично работает.

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

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

Кроме того, если вы используете эту технику, то можете смело ожидать ручную проверку сайта. Приготовьтесь! Еще раз повторюсь – необходимо, чтобы индексируемый контент абсолютно точно соответствовал Flash-контенту. Даже в таком случае есть небольшая вероятность, что автоматический триггер зарегистрирует спам на вашей странице, и наложит ограничения на вашу страницу или сайт. Будьте осторожнее, риск существует.

Кстати, существует другое похожее приложение, sIFR (Масштабируемое Flash-замещение Инмэна), позволяющее вам заменять конкретные текстовые элементы на Flash (в противоположность замены целых страниц), но оно более специализированно, чем нужно нам в данном случае.

Скрытый текст CSS

Некоторые разработчики используют CSS тег display:none. C помощью него вы можете создать веб-страницу, поместить на ней код Flash-ролика, а затем добавить HTML-эквивалент Flash-контента на страницу. Затем вы обрамляете HTML часть тегами div и display:none:

<div ID=»content» style=»display:none;»>

Но появляется большая проблема с display:none: большая вероятность ручной проверки вашего сайта, так как display:none часто используется спамерами, чтобы спрятать текст на странице. В своем FAQ по скрытому тексту и ссылкам Google упоминает, что использование CSS для того, чтобы спрятать текст, – одна из причин, по которой вы можете быть забанены.

Пока текст в display:none соответствует отображаемому тексту во Flash, сайт врядли будет забанен. Но все еще остается небольшой риск. Ждите проверки вашего сайта человеком, чтобы система могла убедиться, что вы не спамите. Если проверка прошла удачно, то все ОК. Но если будут какие-либо претензии, то у вас возникнут проблемы.

Фреймы и Flash

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

Этот подход близок к SWFObject() и display:none, упомянутым выше. У поисковой системы остаются подозрения на спам, так же, как и при использовании вышеупомянутых методов. Поэтому вы должны быть уверены, что контент вне фреймов точно соответствует Flash-контенту.

Тег NoEmbed

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

Плюс этого подхода в том, что он не выглядит подозрительным для поисковых систем. Если вы вообще не можете получить текст на странице в формате HTML тег noembed будет лучшим решением. Однако, по сравнению с текстом в HTML, этот метод далек от идеала, поскольку контент в noembed не всегда индексируется так же эффективно, как текст в HTML.

Как сделать Flash удобнее для посетителей сайта

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

Помните: Flash в браузере установлен не у всех. Поэтому позаботьтесь о создании страницы, которая разъясняет пользователям, почему они не могут просматривать ваш сайт. Не оставляйте их один на один с витиеватым стандартным сообщением об ошибке Flash.

По умолчанию Flash стремится связать все ключевые слова в заголовках. Поэтому получаются ключевые фразы типа МойЗаголовокИзКлючевыхСлов, что обычно очень неудобно. Убедитесь, что ваши слова читаемы для как пользователей, так и для поисковых систем. Запутанные результаты плохи не только для SEO. Это также может сократить число людей, которые кликнут по вашему сайту в списках результатов.

Не запрещайте пользователям использовать кнопку «Назад» в браузерах. Мы видим это на большинстве Flash-сайтах, и знаем, что пользователи это ненавидят.

Решение головоломки с Flash

Чуткое и ограниченное использование Flash на веб-страницах – хорошая идея. Это придает наглядности веб-страницам. Если вы обратите внимание на эту статью, то сможете избежать всех недостатков ранжирования, связанных с Flash. Однако не существует способа создать большую часть сайта во Flash без ущерба в рейтинге. Повторяем:

Не существует эффективного способа создать Flash-дизайн, совместимый с SEO.

Учитывая этот факт, мы рекомендуем начинать с наиболее эффективных методов:

HTMLс элементами Flash – Если ваши страницы имеют индексируемые заголовки, контент страницы и навигационные элементы, ограниченное использование Flash на сайте не повлияет на рейтинги.

Фреймы – Расположите Flash во фрейме, а индексируемый текст вне фреймов. Пока обе части будут иметь одинаковый контент, у поисковых систем не должно возникнуть проблем со страницами

NoEmbed– Поисковые системы поддерживают этот метод, хотя и не всегда индексируют верно подобные страницы.

SWFObject() – Довольно ясный способ обеспечивать пользователям Flash-контент, а поисковым системам – HTML-контент.

FlashSDK – Улучшайте свои Flash, пока он не будет хорошо выглядеть во Flash SDK, а затем надейтесь, что поисковая система поймет все правильно. К сожалению, такое бывает нечасто.

display:none – Так же, как и SWFObject(), этот прием работает, но вас по ошибке могут забанить. Это будет красной тряпкой для пауков поисковых систем, даже если вы все делаете по правилам.

Два полностью раздельных сайта – создайте Flash-сайт для пользователей и отдельный HTML-сайт для поисковых систем. Затем используйте файл robots.txt, чтобы заблокировать Flash-сайт от индексации.