Оптимизация Flash сайтов

Нельзя сказать, что весь Flash не приемлем для оптимизации сайта. Красивая, анимационная шапка, баннер или логотип — вполне могут украсить Ваш профессиональный сайт.

С другой стороны, создание сайта полностью на основе Flash является большой ошибкой с точки зрения SEO. Рейтинги у таких сайтов будет заведомо ниже. Зачастую, создание полностью  Flash-сайта также мешает отслеживанию переходов (продаж товара, заполнения активных форм, подписок на рассылки и т.д.).

У креативной команды веб-мастеров, решивших сделать «продвинутый» проект — чешутся руки сделать сайт на основе Flash, т.к. можно сделать понастоящему эффектный и хорошо запоминающийся сайт. В большинстве случаев они забывают о том, что такой шедевр обречен на отсутствие хорошего рейтинга в поисковых системах. Это происходит потому, что поисковики практически не понимают Flash!

Если Вы выступаете в качестве заказчика сайта, то вполне можете поставить условие — «сайт полностью основанный на Flash — не приемлем». Но если Вы представляете компанию, специализирующуюся на продвижении сайтов в поисковых системах, а сайт клиента на Flash — Вам придется поднять рейтинг сайта, несмотря на определенные трудности.

Попробуем понять, почему же Flash так плох для поисковиков?

Поисковые системы воспринимают и анализируют на странице Вашего сайта заголовки, текст и ссылки. Если всё это «зашито» в swf формат, поисковики не в состоянии распознать есть ли внутри файла тексты или ссылки. Просто нет данных для правильного ранжирования такой страницы!

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

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

Перспективы поисковых систем индексировать Flash

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

Просмотрите итоги запроса поисковая оптимизация filetype:SWF:

 

Вы видите, что, хотя Flash может быть проиндексирован, часто веб-мастера не могут сделать его понятным для поисковых систем. Title страницы «ENTER ENTER ENTER….» или «1% info@….1 1 1 1…» — мягко скажем не понятен.

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

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

Самое страшное, о чем не упоминает Google — это то, что другие сайты будут ссылаться не на сайт, который проиндексировал поисковик, а на тот, который видит обычный посетитель и соответственно, Ваша проиндексированная копия сайта в HTML будет отсиживаться на дне результатов поиска, потому что на неё никто не будет ссылаться.

Правда существует несколько «потенциальных решений». Далее приводится список хитростей, которые работают или не работают (и по какой причине).

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

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

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

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

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

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

Не ждите быстрого решения проблем с оптимизацией Flash.

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

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

Наиболее распространенная программа для замены Flash текстом JTR — SWFObject () — ёе описание доступно на сайте разработчиков. Изучите его, если Вам необходимо использовать эту программу. Для более глубокого понимания принципов её работы, приводим код:

<script type= «text/javascript» src= «swfobject.js»></script>
<div id= «flashcontent»>
Этот текст заменен Flash роликом.
</div>
<script type= «text/javascript»>
var so = new SWFObject ( «movie.swf», «mymovie», «500», «250», «8», «#666699»);
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», «500», «250», «8», «#666699»);
so.write ( «flashcontent»);
</script>

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

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

<div id= «flashcontent»>.

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

<html>
<title> SEO. Поисковое продвижение сайтов. </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-приложения (одного файла swf с подкачкой контента), у вас будут проблемы с SWFObject (), который требует, чтобы сайт состоял из отдельных веб-страниц, содержащих Flash-контент.

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

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

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

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

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

Скрытый текст в стилях CSS 

Некоторые web-мастера используют 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 индексируется не так эффективно.

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

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

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

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

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

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

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

Поэтому, мы рекомендуем:

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

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

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

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

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

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

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

Грамотное использование Flash — решит проблему

Конечная цель сайта всегда должна оставаться для Вас «в фокусе». Если Flash — это лучший способ достижения такой цели, используйте его, но в пределах разумного. Помните: если никто не может найти Ваш сайт в поисковой системе, это все равно, что если бы Вашего сайта вовсе не существовало. Если ваш успех зависит от выдачи поисковых систем, Flash-анимация обязана уступить ведущую роль решениям, легко пригодным для оптимизации. Нет ни одного сайта известного SEO оптимизатора, у которого сайт сделан полностью на Flash. Когда заказчики просят нас оптимизировать сайт, полностью написанный на Flash, первое, что мы им предлагаем — это полная переработка сайта, используя современные технологии веб 2.0 дизайна, которые более совместимы с поисковыми системами.

 

09.06.2009

	Главная		Новости		Портфолио		Статьи		Контакты		Карта сайта

(C) 2011 StASV.ru Студия ASV / Вдовиченко Александр /