Не пропусти
Главная » Интернет новичку » Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов, создание, продвижение и заработок на сайте

Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов, создание, продвижение и заработок на сайте

>

Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов

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

Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов, создание, продвижение и заработок на сайте

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

Browsershots — как проверить кроссбраузерность верстки

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

Косяк может вылезти в любом браузере, хотя, конечно же, рекордсменом по этой части является Internet Explorer, особенно версии 6 и ниже. Происходит это из-за того, что различные браузеры немного по-разному интерпретируют один и тот же код HTML и правила CSS.

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



Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов, создание, продвижение и заработок на сайте

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

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

Работа с онлайн сервисом Browsershots предельно проста:

  1. вводите на главной странице проекта в поле «Enter URL Here» адрес вашего

Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов, создание, продвижение и заработок на сайте

  • выбираете из списка, расположенного ниже, нужные вам версии браузеров
  • если нужно, то выбираете определенное разрешение экрана и глубину цвета из выпадающих списков
  • в трех последующих списках можете отключить или включить (можно еще выбрать конкретную версию) показ JavaScript, Java и Flash
  • все, теперь жмем кнопку «Submit» и ждем завершения процесса создания скриншотов для каждой выбранной версии браузера (данный процесс может занять от 3 до 50 минут, поэтому в это время можно заняться другими делами, но не закрывать этой страницы в браузере)

    Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов, создание, продвижение и заработок на сайте

  • полученные в результате работы онлайн сервиса скриншоты можно посмотреть прямо там же (щелчок по скриншоту для его увеличения) или же скачать одним файлом к себе на компьютер (под скриншотами поищите ссылку «скачать»)


  • Программа для записи разговоров по Skype, ICQ и QIP

    Мне показалась довольно интересной возможность записи разговора (имеется в виду голосового разговора), который вы ведете по Скайпу (сейчас правда тоже самое можно проделывать и в Аське, и в QIP Infium).

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

    Программка называется VoiceSpy, она умеет работать в фоновом (скрытом) режиме. Однако она является платной, но при этом относительно недорогой. К тому же оплатить ее можно через наши отечественные платежные системы на вроде RBK маней, Яндекс денег или же WebMoney.

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

    Как настроить отправку пинга при появлении новых статей

    Для тех, кто делает свой блог на WordPress, вопрос пинга (оповещения поисковых систем и других сервисов о том, что на вашем ресурсе появились новые материалы) не стоИт, т.к. у этого движка имеется встроенная возможность отправлять пинг сразу после публикации нового материала (это не тот пинг, что описан в приведенной статье).

    Если вы еще не пользовались этой возможностью, то я вкратце расскажу, как настроить отправку пинга при появлении новых материалов для WordPress:



    1. заходите в админку вашего блога (http://vash_sait.ru/wp-admin/)
    2. переходите на вкладку «Настройки» — «Написание»
    3. внизу страницы увидите окно «Сервисы обновления»
    4. добавляете в это окно список приведённый ниже
    5. не забудьте нажать кнопку «Сохранить изменения»

    Если у вас сайт на Joomla, то можно установить плагин под названием Blog Ping.

    Для установки Blog Ping, как вы уже, наверное, знаете, нужно зайти в админку Joomla и в верхнем меню выбрать: «Расширения» — «Установить/Удалить». Затем нажмите в первой строчке с названием «Загрузить файл пакета» на кнопку «Обзор» и найдите на нашем компьютере только что скачанный архив компонента plg_blogping.zip .

    После установки плагина Blog Ping зайдите в «Расширения» — «Менеджер плагинов» и щелкните по «Content — Blogping». В открывшемся окне поставьте галочку напротив «Да» в поле «Включен», а в поле «Ping Update Services» скопируйте приведенный выше список пинг сервисов. Не забудьте нажать кнопку «Сохранить».

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



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

    Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов, создание, продвижение и заработок на сайте

    Есть еще ряд сайтов, с которых можно аналогичным образом рассылать пинг, например, http://pingomatic.com/.

    Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов, создание, продвижение и заработок на сайте

    Подбор нужного цвета в палитре Яндекса

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

    Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов, создание, продвижение и заработок на сайте

    Это очень удобная и полнофункциональная палитра Яндекса с возможностью скопировать код полученного цвета и узнать его название. Иногда встречаются очень оригинальные названия, например, цвет медвежьего ушка. Щелкнув по надписи «Поделиться цветом в блоге» и вставив предложенный код к себе на сайт, вы увидите интересное.

    Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

    Подборки по теме:

    Комментарии и отзывы

    Ну, что можно сказать — отлично!

    Очень даже нужная информация.

    Спасибо! Продолжайте в том же духе ��

    Кстати, BrowserShots позволяет увеличить ваш счетчик посещений на 30-50 единиц �� Помимо его основной функции, разумеется ��



    Jack, даже не заметил этого сначала. Действительно, проверил, и получил примерно 30 уникальных посетителей сразу. Видимо сайт при проверке, открывается с разных компов, на которых запущены все эти браузеры. Правда, не знаю чем это может быть полезно.

    хорошие статейки пишешь, не зря я тебя зафоловил в твиттере, молодец, так держать

    Заводской раб, спасибо, я тебя тоже почитываю. И даже хостинг, на который сейчас переехал выбрал по твоей рекомендации. =)

    Шли шли, а вот как перенести блог, созданный на локальном сервера на реальный хостинг. Чтобы вся информация была я не нашёл. Особенно по переносу базы данных, особенности. По крайней мере прочитал всё, пробовал, но увы не смог.

    Сергей: посмотрите здесь про Денвер, а здесь про бэкап и перенос сайта

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

    Алексей: В rss ленту новые статьи должны попадать только автоматически, иначе и смысла в таком RSS канале не будет. О том, как настроить RSS ленту в Joomla, WordPress и SMF вот здесь я уже писал.

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

    Статься хорошая, только вот на счёт этого сервиса, про тест браузеров не согласен, никто кроме человека не сможет оценить функционал сайта, который тоже часто оказывается не рабочим в определённых браузрах



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

    Как настроить ленту, чтобы показывались фотографии в ленте. Может это не важно, но у вас они отображаются в ленте.

    Дмитрий, Вас очень много полезных и толковых материалов. Большое спасибо!

    В статье Как настроить отправку пинга при появлении новых материалов для блога на WordPress, Вы предлагаете список пинг сервисов и в нем несколько раз повторяется следующий адрес:http://ping.feedburner.com. Это специально или случайно?

    После того, как я загрузила список пинг сервисов к себе на сайт (по совету преподавателей школы start-up), теперь когда нажимаю кнопку ОПУБЛИКОВАТЬ админ-панель зависает и висит до бесконечности или совсем вылетает. Статья публикуется, но в админ панель приходится заходить по новой, а старую страницу админ-панели закрывать. Не подскажите от чего это может быть? Это может быть связано с отправкой пинга? Сайт находится на платном хостинге WordPress.

    Спасибо Вам Дмитрий за очень подробные и содержательные статьи. На очень многие вопросы нахожу у Вас исчерпывающие ответы!

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

    « Blog Ping — ускоряем индексацию новых страниц.» касперский ругается на эту ссылку

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



    Я совсем новенькая в этом деле, но так понимаю, что эти самые сервисы пинга здоровО выручают от воровства уникального контента? Ведь чью статью раньше проиндексируют поисковики, тот и будет в их глазах признан автором, так? И потом уже бесполезно будет выяснять кто прав.

    «. Если для вас важна быстрая индексация вновь созданной страницы в яндексе, то я советую воспользоваться специальной страницей для отправки пинга персонально яндексу». А вот к примеру в статье Екатерины Тарасовой «Как защитить свой контент от воровства» по ссылке http://amateurblogger.ru/kak-zashhitit-svoj-kontent-ot-vorovstva/#more-10 описан сервис Яндекс Вебмастер под названием «Оригинальные тексты». Так как у меня еще нет своего сайта и поэтому я не имею доступ в ЯВ, то вопрос: эта страница http://blogs.yandex.ru/pings/ и «Оригинальные тексты» — это одно и тоже? Если нет, то в чем разница?

    Стелла: нет — разные вещи. Боюсь Вас еще больше расстроить, но Оригинальные тексты в Яндекс Вебмастере доступны только для сайтов с Тиц равным или большим 10. Так то вот.

    * Нажимая на кнопку «Добавить комментарий» или «Подписаться» Вы соглашаетесь с политикой конфиденциальности.

    О admin

    x

    Check Also

    Что такое фиаско, а также что означает фраза

    > Что такое фиаско, а также что означает фраза — это фиаско братан Здравствуйте, уважаемые читатели блога Хочу продолжить тему пояснения ярких слов и выражений, которые не всегда могут быть ...

    Что такое респект и что значит это слово при общении в интернете, создание, продвижение и заработок на сайте

    > Что такое респект и что значит это слово при общении в интернете Здравствуйте, уважаемые читатели блога Давайте продолжим разбирать наиболее часто употребляемые интернет-мемы (специфические, присущие в основном только этой ...

    Что такое рерайт (рерайтинг) и с чем его едят, создание, продвижение и заработок на сайте

    > Что такое рерайт (рерайтинг) и с чем его едят? Здравствуйте, уважаемые читатели блога Если у вас есть сайт, либо вы планируете им обзавестись, то, конечно же, вы слышали слово ...

    Что такое репост и как делать репосты во ВКонтакте, создание, продвижение и заработок на сайте

    > Что такое репост и как делать репосты во ВКонтакте? Здравствуйте, уважаемые читатели блога Согласно официальному определению, репост – это возможность мгновенно поделиться информационной заметкой, размещённой в соцсетях, при этом ...

    Что такое кэш

    > Что такое кэш — как очистить кеш в Опере, Мозиле, Хроме и других браузерах Здравствуйте, уважаемые читатели блога Что такое кэш? Это на самом деле довольно простое и в ...

    Что такое интернет, кто создал всемирную паутину World Wide Web и как работает глобальная сеть, создание, продвижение и заработок на сайте

    > Что такое интернет, кто создал всемирную паутину World Wide Web и как работает глобальная сеть Здравствуйте, уважаемые читатели блога Все мы с вами живем в эпоху глобального интернета и ...

    Что такое Емайл (E-mail) и почему это называют электронной почтой, создание, продвижение и заработок на сайте

    > Что такое Емайл (E-mail) и почему это называют электронной почтой Здравствуйте, уважаемые читатели блога Все когда-то начинают, поэтому вопрос о том, что такое Емейл и какое он имеет отношение ...

    Что такое дроп, дропнутый или освобождающийся домен, создание, продвижение и заработок на сайте

    > Что такое дроп, дропнутый или освобождающийся домен Здравствуйте, уважаемые читатели блога Термин Дроп происходит от английского слова Drop, которое, если верить автоматическому переводчику Google, имеет довольно большое количество значений ...

    Что такое домены, хостинг, DNS сервера и IP адреса, создание, продвижение и заработок на сайте

    > Что такое домены, хостинг, DNS сервера и IP адреса Домены, Ip адреса и связывающие их DNS сервера Что такое доменные имена и какие бывают домены Покупка и продление доменов ...

    Что такое девайс и чем он отличается от гаджета, создание, продвижение и заработок на сайте

    > Что такое девайс и чем он отличается от гаджета Здравствуйте, уважаемые читатели блога В том кругу где я общаюсь очень часто употребляются термины девайс и гаджет, но при этом ...

    Что такое блог и как его создать на бесплатном движке WordPress, оптимизация и заработок на своем интернет-дневнике, создание, продвижение и заработок на сайте

    > Что такое блог и как его создать на бесплатном движке WordPress, оптимизация и заработок на своем интернет-дневнике Здравствуйте, уважаемые читатели Сегодня статья начнется с того, что мы попробуем дать ...

    Что такое анонимайзеры (Хамелеон, Spools) или как скрыть IP адрес для входа в ВКонтакте, Одноклассники, Ютуб и другие сайты, создание, продвижение и заработок на сайте

    > Что такое анонимайзеры (Хамелеон, Spools) или как скрыть IP адрес для входа в ВКонтакте, Одноклассники, Ютуб и другие сайты Здравствуйте, уважаемые читатели блога Прежде чем рассматривать случаи использования анонимайзеров, ...

    Что такое URL адреса, чем отличаются абсолютные и относительные ссылки для сайта, создание, продвижение и заработок на сайте

    > Что такое URL адреса, чем отличаются абсолютные и относительные ссылки для сайта Здравствуйте, уважаемые читатели блога Сегодня хочу затронуть тему формирования уникальных URL адресов в интернете и рассказать про ...

    Что такое RSS, где скачать иконки и какая читалка самая лучшая, создание, продвижение и заработок на сайте

    > Что такое RSS, где скачать иконки и какая читалка самая лучшая Здравствуйте, уважаемые читатели блога Эта статья будет посвящена вопросу — что такое RSS и почему его в обязательном ...

    Что такое Rookee и как продвигать сайт в этой системе, создание, продвижение и заработок на сайте

    > Что такое Rookee и как продвигать сайт в этой системе? Здравствуйте, уважаемые читатели блога Я уже писал про некоторые сервисы помогающие продвигать сайты в автоматическом режиме — Сеопульт, SeoWisard, ...

    Что такое Joomla, создание, продвижение и заработок на сайте

    > Что такое Joomla Свое изучение сайтостроения я начал именно с выяснения вопроса: Что такое Joomla и как она может помочь мне в создании сайтов). Если не считать небольшого опыта ...

    Что такое ICQ, как его установить и пользоваться, создание, продвижение и заработок на сайте

    > Что такое ICQ, как его установить и пользоваться? Здравствуйте, уважаемые читатели блога Не будем расписывать историю возникновения ICQ еще с начала времен его разработки — это не представляет особого ...

    Что такое DNS и как ДНС-сервера обеспечивают работу интернета, создание, продвижение и заработок на сайте

    > Что такое DNS и как ДНС-сервера обеспечивают работу интернета Здравствуйте, уважаемые читатели блога О том, что такое интернет и когда он появился, мы с вам уже говорили. Говорили и ...

    Что такое cookie и как почистить куки в современных браузерах, создание, продвижение и заработок на сайте

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

    Что такое Chmod, какие права доступа назначать файлам и папкам (777, 755, 666) и как это сделать через PHP, создание, продвижение и заработок на сайте

    > Что такое Chmod, какие права доступа назначать файлам и папкам (777, 755, 666) и как это сделать через PHP Сегодня я хотел бы поговорить о правах доступа к файлам ...

    Что мешает SEO-продвижению вашего сайта и как это исправить

    > Что мешает SEO-продвижению вашего сайта и как это исправить — 10 основных ошибок и 5 базовых рекомендаций Здравствуйте, уважаемые читатели блога Сегодня хочу выступить в роли адвоката Сео методов ...

    Рейтинг@Mail.ru