Кроссбраузерность сайта (Browsershots), отправляем пинг (WordPress, Joomla, список пинг сервисов), цены в поиске Google, палитра в поиске Яндекса
Доброго времени суток, уважаемые читатели блога KtoNaNovenkogo.ru. В эфире очередной выпуск рубрики Веб-обзоры. Сегодня я хочу поговорить о том, как проверить, правильно ли отображается ваш сайт в различных браузерах, а так же о способах рассылки пинга (оповещения поисковых систем и других сервисов о том, что на вашем сайте появились новые материалы) и кое о чем еще.

Browsershots — как проверить кроссбраузерность верстки вашего сайта
Наверное, вы все уже знаете, что если ваш сайт прекрасно и корректно отображается в каком-либо браузере (например, Opera), то это вовсе не означает, что во всех остальных браузерах он будет выглядеть так же хорошо. Косяк может вылезти в любом браузере, хотя, конечно же, рекордсменом по этой части является Internet Explorer, особенно версии 6 и ниже. Происходит это из-за того что различные браузеры, немного по-разному интерпретируют один и тот же код HTML и правила CSS.
С этим ничего нельзя поделать и надо научиться с этим жить — проверять корректность отображения сайта во всех доступных браузерах (кроссбраузерность сайта) и вносить при необходимости коррективы в код. Но для этого, как минимум, нужно установить кучу браузеров различных версий или же, что намного проще, воспользоваться сервисом Browsershots.
Второй вариант предпочтительней, т.к. позволяет вам посмотреть скриншоты вашего сайта, снятые с десятка разнообразных браузеров и что очень ценно — различных версий одного и того же браузера. Например, если у вас на компьютере стоит Opera 10, то для того что бы посмотреть вид вашего сайта в Opera 8, вам нужно будет либо переустановить браузер, либо установить его более старую версию, например, на виртуальной машине. Оба эти способа чудовищно не удобны и поэтому упомянутый выше сервис придется нам очень кстати.
Работа с сервисом Browsershots предельно проста:
-
вводите на главной странице проекта в поле «Enter URL Here» адрес вашего
сайта - выбираете из списка, расположенного ниже, нужные вам версии браузеров
- если нужно, то выбираете определенное разрешение экрана и глубину цвета из выпадающих списков «Размер экрана» «Глубина цвета»и
- в трех последующих списках, вы можете отключить или включить (можно так же выбрать конкретную версию) показ JavaScript, Java и Flash
- все, теперь жмем кнопку «Submit» и ждем завершения процесса создания скриншотов для каждой выбранной версии браузера (этот процесс может занять от 3 до 50 минут, поэтому в это время можно заняться другими делами, но не закрывать этой страницы в браузере)
- полученные в результате работы сервиса скриншоты, можно посмотреть прямо там же (щелчок по скриншоту для его увеличения) или же скачать одним файлом к себе на компьютер (под скриншотами поищите ссылку «скачать»)
Можете также посмотреть видео «тест сайта на кроссбраузерность»:
Как настроить отправку пинга при появлении новых материалов для блога на WordPress
Для тех, кто делает свой сайт на WordPress, вопрос пинга (оповещения поисковых систем и других сервисов о том, что на вашем сайте появились новые материалы) не стоИт, т.к. у этого движка имеется встроенная возможность отправлять пинг сразу после публикации нового материала.
Если вы еще не пользовались этой возможностью, то я вкратце расскажу как настроить отправку пинга при появлении новых материалов для блога на WordPress:
- заходите в админку вашего блога (http://vash_sait.ru/wp-admin/)
- переходите на вкладку «Настройки» — «Написание»
- внизу страницы увидите окно «Сервисы обновления»
- добавляете в это окно список приведённый ниже
- не забудьте нажать кнопку «Сохранить изменения»
Я использую следующий список пинг сервисов:
http://blogdb.jp/xmlrpc http://blogsdominicanos.com/ping http://blogsnow.com/ping http://feedsky.com/api/RPC2 http://godesigngroup.com/blog/feed http://ping.bloggers.jp/rpc http://blogsearch.google.com/ping/RPC2 http://blogupdate.org/ping/ http://ping.blogs.yandex.ru/RPC2 http://ping.fc2.com http://ping.feedburner.com http://rpc.pingomatic.com http://wasalive.com/ping http://weblogs.com/RPC2/ http://www.blogshares.com/rpc.php http://www.snipsnap.org/RPC2 http://www.weblogs.com/RPC2/ http://xping.pubsub.com/ping/ http://rpc.pingomatic.com/ http://rpc.weblogs.com/RPC2 http://www.syndic8.com/xmlrpc.php http://r.hatena.ne.jp/rpc http://ping.weblogalot.com/rpc.php http://ping.syndic8.com/xmlrpc.php http://ping.namaan.net/rpc http://ping.kutsulog.net http://blog.goo.ne.jp/XMLRPC http://api.my.yahoo.com/RPC2 http://api.my.yahoo.co.jp/RPC2 http://api.moreover.com/RPC2 http://ping.blogs.yandex.ru/RPC2 http://blogsearch.google.ru/ping/RPC2 http://xping.pubsub.com/ping/ http://wasalive.com/ping/ http://rpc.weblogs.com/RPC2 http://rpc.technorati.com/rpc/ping http://rpc.icerocket.com:10080/ http://pinger.blogflux.com/rpc http://ping.weblogalot.com/rpc.php http://ping.syndic8.com/xmlrpc.php http://ping.feedburner.com http://blogsearch.google.us/ping/RPC2 http://blogsearch.google.com/ping/RPC2 http://blogsearch.google.co.uk/ping/RPC2 http://blogpeople.net/servlet/weblogUpdates http://api.moreover.com/RPC2 http://www.xianguo.com/xmlrpc/ping.php http://www.feedsky.com/api/RPC2 http://www.blogpeople.net/servlet/weblogUpdates http://rpc.reader.livedoor.com/ping http://pinger.blogflux.com/rpc/ http://ping.namaan.net/rpc http://ping.kutsulog.net http://ping.feedburner.com/ http://ping.fc2.com http://ping.blogoon.net
Как настроить отправку пинга при появлении новых материалов для сайта на Joomla
Если у вас сайт на Joomla, то можно установить плагин под названием Blog Ping, который вы можете скачать на этой странице Blog Ping — ускоряем индексацию новых страниц. Кстати, всем джумловодам рекомендую посетить сайт Joom15.ru, на котором вы можете найти шаблоны, модули, компоненты и плагины для Joomla 1.5.
Для установки плагина Blog Ping, как вы уже наверное знаете, нужно зайти в админку вашего сайта на Joomla и в верхнем меню выбрать: «Расширения» — «Установить/Удалить». Затем нажмите в первой строчке с названием «Загрузить файл пакета» на кнопку «Обзор», и найдите на нашем компьютере только что скачанный архив компонента plg_blogping.zip.
После установки плагина Blog Ping, зайдите в «Расширения» — «Менеджер плагинов» и щелкните по «Content — Blogping». В открывшемся окне поставьте галочку напротив «Да» в поле «Включен», а в поле «Ping Update Services» скопируйте приведенный выше список пинг сервисов. Не забудьте нажать кнопку «Сохранить».
Отправка пинга для любых сайтов
Следующий способ пингования подойдет для любого сайта, но, правда, он не автоматический. Существуют сайты с которых вы можете разослать пинг на множество поисковиков и сервисов. Вам только нужно будет заполнить соответствующие поля формы с информацией о вашем сайте, адресе его новостной ленты и т.п. Если для вас важна быстрая индексация вновь созданной страницы в яндексе, то я советую воспользоваться специальной страницей для отправки пинга персонально яндексу. Просто вводите адрес своего сайта и нажимаете «Отправить».
Интересный сайт по рассылке пинга находится по адресу Ping.xby.ru. Вы вводите в предложенную форму не только адрес и название своего сайта, но и URL страницы, на которой произошло изменение, RSS страницы, тэги для новой страницы. Имеется возможность выбора сервисов для пинга как наших, так и зарубежных. Что не маловажно, можно добавить свои сервисы и список заданий. После окончания пинга вы сможете увидеть отчет об удачных и неудачных пингах.
Есть еще ряд сайтов с которых можно аналогичным образом рассылать пинг, например, http://pingomatic.com/.
Читать полные посты через RSS с сайтов, которые обрезают посты в ленте
В статье RSS лента (фид, feed): создание и настройка (Feedburner, RSS агрегаторы, RSS ридеры) я обещал рассказать о том, как можно вытащить полный текст поста из RSS ленты с обрезанным вариантом. Итак, переходим на сайт http://fivefilters.org/content-only/ и вставляем в предложенную форму адрес обрезанной RSS ленты. Жмем на “Create Feed” и через несколько секунд видим rss с полными постами. Все очень просто.
Новое в поисковой выдаче Google: Цены на товары — прямо в результатах поиска
У гугла появилась новая фича, которая позволяет извлекать цены прямо из страничек интернет-магазинов. Если товар, который вы ищите продается и инетмагазине, то в результатах поиска будет показана цена на этот товар в данном магазине. Активируется данная опция из панели «Настройки поиска», которая открывается при нажатии на надпись «Показать настройки» вверху страницы поиска:

В открывшейся левой панели нужно щелкнуть по «Цены со станицы».

В результате, в поисковой выдаче появятся цены на искомый товар, найденные в том или ином инетмагазине.

Мне очень понравилась данная возможность.
Подбор нужного цвета в полнофункциональная палитре из поисковой выдачи Яндекса
Опять новость из области поисковиков, но сейчас уже про Яндекс. Попробуйте ввести в строку запроса Яндекса название какого-нибудь цвета, и в результате вы увидите вверху страницы выдачи нечто подобное этому:

Это очень удобная и полнофункциональная палитра, с возможностью скопировать код полученного цвета и узнать его название. Иногда встречаются очень оригинальные названия, например, цвет медвежьего ушка. Щелкнув по надписи «Поделиться цветом в блоге» и вставив предложенный код к себе на сайт, вы, в результате, увидите примерно следующее:
У Евгения Попова вышел новый видекурс Все Технические Моменты Онлайн Бизнеса в Видеоформате, который стоит того, чтобы с ним ознакомиться.
Вы так же можете ознакомиться с другими обзорами полезных онлайн (online) сервисов для вебмастеров.
| Полезные сайты для вебмастеров | Faq по онлайн сервисам для вебмастеров |
| Программы для сайта | Faq по программам и онлайн сервисам для вебмастеров |
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru
- Карта сайта Sitemap xml для Яндекса и Google — как создать карту сайта в Joomla и WordPress, онлайн генераторы (generator) Sitemap
- Поисковое продвижение сайта в Google.com — Определение региона для сайта (Google.ru, Google.ua), работа поисковой системы, основной и дополнительный индексы поисковика Google
- Статистика поисковых запросов Яндекс, Google и Рамблер, как работать со статистикой Яндекса
- Работа с панелями вебмастеров Яндекса, Google, Yahoo, Bing (sitemap, robot.txt, индекс, запросы) — Часть 4 — Центр для вебмастеров в поисковой системе Bing (Webmaster Center)
- Создание карты сайта для блога на WordPress с помощью плагинов Google XML Sitemaps и Sitemap Generator — Часть 1 – Установка и настройка WP плагина Google XML Sitemaps в Вордпресс
- Проверка Google PageRank (PR) для всех страниц сайта, предсказатель PageRank, проверка количества страниц вашего сайта в основном индексе Google
- Где взять бесплатные жирные обратные ссылки (бэклинки) — Часть 5 — Бэки с профилей трастовых сайтов и со страниц сервисов для проведения SEO анализа сайта


Ну, что можно сказать — отлично!
Очень даже нужная информация.
Спасибо.
Спасибо! Продолжайте в том же духе
Кстати, BrowserShots позволяет увеличить ваш счетчик посещений на 30-50 единиц
Помимо его основной функции, разумеется
Jack, даже не заметил этого сначала. Действительно, проверил, и получил примерно 30 уникальных посетителей сразу. Видимо сайт при проверке, открывается с разных компов, на которых запущены все эти браузеры. Правда, не знаю чем это может быть полезно.
хорошие статейки пишешь, не зря я тебя зафоловил в твиттере, молодец, так держать
Заводской раб, спасибо, я тебя тоже почитываю. И даже хостинг, на который сейчас переехал выбрал по твоей рекомендации. =)
Шли шли, а вот как перенести блог, созданный на локальном сервера на реальный хостинг. Чтобы вся информация была я не нашёл. Особенно по переносу базы данных, особенности. По крайней мере прочитал всё, пробовал, но увы не смог.
Сергей: посмотрите здесь:
Денвер (Denwer) — установка, настройка, работа с сайтом и базой данных на локальном сервере, перенос сайта на хостинг
Как перенести ваш сайта на другой хостинг с помощью программ FileZilla и phpMyAdmin
А как сделать rss ленту на сайт чтобы в эту ленту автоматом новые статьи публиковались а не ручками? Увы на обычном сайте.
такой вопрос, Вы привели список адресов куда идет сообщения от плагинов что появился новый материал наа сайте или браузере, а откуда эти адреса, кто их выдает или как они генерируются и кому именно принадлежат?
Алексей: В rss ленту новые статьи должны попадать только автоматически, иначе и смысла в таком RSS канале не будет. О том, как настроить RSS ленту в Joomla, WordPress и SMF я уже писал.
Игорь: откуда взял иже не помню, а принадлежат эти адреса поисковым системам и другим сервисам, которые заинтересованны в быстром добавлении и обновлении информации.
Сергей:
wordpress.drcomp.su/2010/...na-wordpress-na/
я так переносил
Статься хорошая, только вот на счёт этого сервиса, про тест браузеров не согласен, никто кроме человека не сможет оценить функционал сайта, который тоже часто оказывается не рабочим в определённых браузрах
Дмитрий, с удовольствием читаю ваш блог и применяю полученные знания у себя в блоге. Не все получается, но стараюсь. Мне, кажется, кое-что связано с настройками в Вордпрессе. Поэтому возникли вопросы.
Как настроить ленту, чтобы показывались фотографии в ленте. Может это не важно, но у вас они отображаются в ленте.
Дмитрий, Вас очень много полезных и толковых материалов. Большое спасибо!
В статье Как настроить отправку пинга при появлении новых материалов для блога на WordPress, Вы предлагаете список пинг сервисов и в нем несколько раз повторяется следующий адрес:ping.feedburner.com. Это специально или случайно?
После того, как я загрузила список пинг сервисов к себе на сайт (по совету преподавателей школы start-up), теперь когда нажимаю кнопку ОПУБЛИКОВАТЬ админ-панель зависает и висит до бесконечности или совсем вылетает. Статья публикуется, но в админ панель приходится заходить по новой, а старую страницу админ-панели закрывать. Не подскажите от чего это может быть? Это может быть связано с отправкой пинга? Сайт находится на платном хостинге WordPress.
Спасибо Вам Дмитрий за очень подробные и содержательные статьи. На очень многие вопросы нахожу у Вас исчерпывающие ответы!
Просьба — поставьте пожалуйста внизу страницы стрелку, для быстрого перехода в начало статьи.
« Blog Ping — ускоряем индексацию новых страниц.» касперский ругается на эту ссылку