"SEO-вскрытие". Обзор плагина Web Developer Toolbar

Web Developer Toolbar – полезный, а главное – бесплатный плагин, который позволит значительно облегчить работу web-разработчика.

Пользоваться им могут поклонники Mozilla Firefox, Google Chrome и некоторых других браузеров. Несмотря на то, что в разных браузерах интерфейс немного разнится, смысл работы с плагином везде одинаков. В браузерах Хром и Мозила инструмент выглядит следующим образом (соответственно, первое - Хром, второе - Мозила):









Видно, что разницы нет абсолютно никакой. Просто списки опций представляются немного в ином виде. Поэтому рассмотрим работу с Web Developer Toolbar на примере Mozilla.

Пункт «Disable»

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





Пункт «Cookies»

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




Пункт «CSS»

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





Пункт «Forms»

С его помощью вы сможете работать с формами, размещенными на странице. Инструменты, собранные здесь, позволяют просматривать формы, конвертировать их, пользоваться автозаполнением при тестировании веб-ресурса и пр.

Пункт «Images»

Содержит большой набор инструментов для работы с изображениями. С его помощью можно:

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

При помощи данного пункта можно также найти изображения, атрибут Alt у которых не заполнен, что поможет вам не тратить много времени на это. Для этого нужно просто выбрать пункт Outline Images - Outline Images Without Alt Atributes, и все изображения на странице, у которых не заполнен атрибут, подсветятся красным.




Пункт «Information»

Пожалуй, один из самых «богатых» на разные полезные инструменты. Он дает возможность со всех сторон рассмотреть страницу и выявить ошибки в кодировке.

Например, выбрав в списке «Display Meta Tag Information», вы увидите, что творится в мета-тегах страницы.




При выборе пункта «Display link Denails» прямо на странице отображается вся необходимая информация о ссылках, размещенных на ней.




В общем, при помощи «Information» вы довольно оперативно сможете проанализировать страницу «вдоль и поперек».


Пункт «Miscellaneous»

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




Пункт «Outline»

С его помощью вы можете выделить все элементы страницы, относящиеся к определенной категории (таблицы, блоки, фреймы, разные категории ссылок и пр.).

Пункт «Resize»

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

Пункт «Tools»

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





Пункт «View Source»

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


В общем, Web Developer Toolbar – довольно неплохой инструмент, позволяющий облегчить работу с кодом страницы. Благодаря ему можно оперативно получить необходимую информацию, которая поможет найти возможные недочеты и сделать сайт лучше.