Как встроить rss в html
Создание RSS на сайте в html формате и оптимизация под поисковые системы
Как создать RSS на вашем сайте в формате html и оптимизировать её под поисковые системы
Одним из многих преимуществ Really Simple Syndication (или RSS) является залог постоянного притока свежего и актуального контента (содержимого) для вашего сайта.
Как все знают, регулярное появление нового контента (содержимого) способствует поисковой оптимизации, потому как поисковые боты уж очень любят новый контент. Более того, если RSS-фид выбран с умомом, свежий контент может быть прекрасным сервисом для посетителей вашего сайта.
К сожалению, это обещание свежего контента (содержимого) часто не выполняется, потому что, имея дела с этой технологией необходимы определенные навыки и это сбивает с толку. Хотя алгоритм очень прост, добавление контента (содержимого) RSS-фида на ваш сайт может отпугнуть.
Некоторые простые пути добавления RSS-фида предполагают использование одного из скритов JavaScript, которые доступны на просторах веба. Просто скопируйте несколько строк JavaScript в вашу страницу и все готово. Если все, что вам нужно это обеспечение ваших посетителей обновляемым контентом, то это вполне приемлимое решение. Единственным преимуществом этого решения является то, что вы только добавляете скрипт, вы не ссылаетесь на другие веб-сайты, которые сможет увидеть поисковый бот.
Фактически, за то что поисковый бот не может видеть обновляемое содержимое сайта, отвечает все тот же JavaScript. Мы же предпочитаем, чтобы GoogleBot и MSN определили, что мы имеем новый контент на своем сайте и вознаградили нас за наши усилия. Если мы собираемся довести дело до конца, то сделать это мы сможет только используя решение, позволяющее превратить обычный RSS/XML-код из внешнего файла в оформленный HTML на наших страницах.
Такие действия требуют некоторых знаний в программировании. Нам нужен язык программирования, который быстр и легок в изучении, а также, желательно, не очень сильно отличался от стандартного HTML, который мы также будетм использовать. PHP как нельзя лучше подходит для этого дела. PHP позволит нам написать короткую простую программу, которая будет извлекать RSS-фид с сайта, который его предоставляет, сохранять копию фида локально для дальнейшего использования, парсить необходимые данные и затем, форматировать HTML-код сайта по вашему выбору. (Если это покажется трудным, не волнуйтесь, я проведу вас шаг за шагом через весь процесс ниже.)
Для этой демонстрации я буду использовать RSS-фид, данный в примере 1. Мы будем брать данные из этого фида, преобразовывать его в HTML-код, и этот HTML-код помещать на страницы своего веб-сайта.
Первое, что вы должны сделать открыть HTML- или PHP-редактор. Notepad или WordPad подойдут. Теперь скопируйте код (примера 2) в ваш редактор и сохраните файл как SimpleReader.php. Вы также можете сохранить его как SimpleReader.txt и переименовать его позже. Посмотрите теперь внимательно на то, что вы сохранили, возможно что-то выглядит странно, но есть шанс, что это все же вам знакомо. Выглядит почти как HTML, не так ли? Перед выгрузкой файла, вы можете заменить заданные в примере RSS-адреса на адреса других фидов, которые вы выбрали. Та часть, которую вы изменяете выглядит так:
Чтобы изменить RSS-фид, отображаемый на вашем сайте, просто измените любой URL на ваше усмотрение.
Начиная с этого момента мы приступаем к конвертации RSS-фида в HTML-код, т.е. мы потратим несколько минут, чтобы сделать небольшие косметические действия, чтобы вписать фид в структуру нашей страницы. К счастью это очень просто!
Перед началом настройки внешнего вида фида помните, что вы изменяете только сам фид, а не код целой страницы. Мы настраиваем только маленький ‘кусочек’ страницы, который нашел свой дом на вашей странице.
Посмотрите содержимое файла, который вы только что сохранили, и вы заметите следующий код:
Теперь давайте посмотрим на свой сайт или страницу и найдем место, где должен появиться RSS-фид. Запомните, что несмотря на то, что он выглядит как обычная веб-страница, когда мы просматриваем его в броузере, когда мы помещаем фид на свою страницу, то все стили и форматирование этой страницы возымеют действие и фид станет выглядеть в соответствие со страницей.
Когда вы найдете хорошее место на своем веб-сайте, чтобы поместить фид, инсталляция фида осуществляется также просто как добавление новых HTML-тэгов. Поместите код в точности, как вы видите, внутрь вашей страницы и произойдет волшебство.
Выгрузите страницу на свой сервер и RSS-фид будет включен в в план вашей страницы. Так как данные фида изменяются, то данные на вашей странице также изменяются, и так как мы используем PHP, а не JavaScript поисковые боты смогут видеть ваш изменяющийся контент.
Если вы хотите узнать больше о RSS и PHP, можно посмотреть примеры 3 и 4 на демонстрационной странице. Пример 3 показывает расширенную версию SimpleReader, который можно использовать для размещения нескольких фидов на одной странице. Пример 4 показывает как создается демонстрационная страница.
(c) Автор статьи: Джон Холифилд (John Holifield)
Техподдержка
Мы в соц. сетях
Размещение сторонних RSS- лент на своём сайте
Для того, чтоб RSS-лента отображалась корректно, нужно на сайте, ленту которого Вы желаете отображать на своем сайте, взять ссылку для вставки RSS-ленты.
Для наглядности позвольте привести пример с Русобром, так как на сайте Русобра предоставляется ссылка для вставки на свой сайт.
На сайте можно разместить не только свою RSS-ленту, но и RSS-ленты других сайтов, которые по вашему мнению интересны посетителям Вашего сайта.
Для того, чтоб RSS-лента отображалась корректно, нужно на сайте, ленту которого Вы желаете отображать на своем сайте, взять ссылку для вставки RSS-ленты.
Для наглядности позвольте привести пример с Русобром, так как на сайте Русобра предоставляется ссылка для вставки на свой сайт.
Для того, чтоб взять ссылку на их RSS-ленту, необходимо кликнуть правой кнопкой мыши по данному значку и выбрать пункт «Копировать ссылку».
Приводим пример как взять ссылку на RSS-ленту сайта Правительства Российской Федерации
Некоторые сайты не предоставляют отдельно ссылку на ленту.
Для того, чтоб взять ссылку на их RSS-ленту, необходимо кликнуть правой кнопкой мыши по данному значку и выбрать пункт «Копировать ссылку».
Приводим пример как взять ссылку на RSS-ленту сайта Правительства Российской Федерации
Для этого в Констуркторе установите курсор в месте, в котором Вы желаете разместить RSS-ленту (или выделив уже существующий объект), перейдите в меню Конструктора:
Полученную ссылку необходимо установить в ленте.
Для этого в Констуркторе установите курсор в месте, в котором Вы желаете разместить RSS-ленту (или выделив уже существующий объект), перейдите в меню Конструктора:
В окне настроек ленты нажмите, пожалуйста, кнопку «Добавить» (или «Изменить») для установки/изменения ссылки на ленту сайта, новости которого Вы желаете отображать на своём сайте
Также в этом окне Вы можете задать предпочитаемые параметры отображаемого на Вашем сайте блока RSS-ленты новостей стороннего сайта:
название блока (обычно указывается название сайта, откуда берется лента новостей)
и саму ссылку, полученную на стороннем сайте.
Нажатием кнопки «Добавить», или «Изменить» поднимается окно добавления/изменения ленты стороннего сайта, в котором необходимо вставить
название блока (обычно указывается название сайта, откуда берется лента новостей)
и саму ссылку, полученную на стороннем сайте.
Важно:
Отображаться ленты будут друг за другом, в порядке добавления в окне редактирования блока.
Потому, при необходимости/желании установить несколько лент в одном блоке, разместите их, пожалуйста, в желаемом порядке сразу.
Иначе потом придется удалять ленты и добавлять их в желаемой последовательности.
Добавив ленту(ы) в окне редактирования блока, отметьте её(их) для того, чтоб она(они) отображалась(ись) в блоке.
В блоке может быть как одна лента, так и несколько.
Важно:
Отображаться ленты будут друг за другом, в порядке добавления в окне редактирования блока.
Потому, при необходимости/желании установить несколько лент в одном блоке, разместите их, пожалуйста, в желаемом порядке сразу.
Иначе потом придется удалять ленты и добавлять их в желаемой последовательности.
Добавив ленту(ы) в окне редактирования блока, отметьте её(их) для того, чтоб она(они) отображалась(ись) в блоке.
Потому, если Вы желаете добавить несколько блоков, так, чтоб в них отображались разные ленты, установите, пожалуйста, отметку на той ленте, которую Вы желаете отображать в данном блоке.
Также Вы можете добавить несколько блоков (в блоках будут отображаться все ленты, добавленные к проекту).
Потому, если Вы желаете добавить несколько блоков, так, чтоб в них отображались разные ленты, установите, пожалуйста, отметку на той ленте, которую Вы желаете отображать в данном блоке.
Для того, чтоб блок RSS-ленты стороннего сайта отобразился и на сайте,
проведите, пожалуйста, полную (всегда крайне желательно перед публикацией проводить именно полную ) конвертацию и опубликуйте сайт.
Липатов В.А.
Персональный блог
Как вставить RSS в страницу и оптимизировать под поискивики
В данной статье мы расскажем Вам о том, как правильно вставить RSS в старницу HTML и оптимизировать RSS для поисковиков.
В данной статье мы расскажем Вам о том, как правильно вставить RSS в старницу HTML и оптимизировать RSS для поисковиков.Одним из многих преимуществ Really Simple Syndication или RSS является залог постоянного притока свежего и актуального содержимого для вашего сайта. Как все знают, регулярное появление нового содержимого способствует поисковой оптимизации, потому как поисковые роботы уж очень любят новый контент. Более того, если RSS-фид выбран с умомо, свежий контент может быть прекрасным сервисом для посетителей вашего сайта.
К сожалению, это обещание свежего содержимого часто не выполняется, потому что, имея дела с этой технологией необходимы определенные навыки и это сбивает с толку. Хотя алгоритм очень прост, добавление содержимого RSS-фида на ваш сайт может отпугнуть.
Некоторые простые пути добавления RSS-фида предполагают использование одного из скритов JavaScript, которые доступны на просторах веба. Просто скопируйте несколько строк JavaScript в вашу страницу и все готово. Если все, что вам нужно это обеспечение ваших посетителей обновляемым контентом, то это вполне приемлимое решение. Единственным преимуществом этого решения является то, что вы только добавляете скрипт, вы не ссылаетесь на другие веб-сайты, которые сможет увидеть поисковый робот.
Фактически, за то что поисковый робот не может видеть обновляемое содержимое сайта, отвечает все тот же JavaScript. Мы же предпочитаем, чтобы GoogleBot и MSN определили, что мы имеем новый контент на своем сайте и вознаградили нас за наши усилия. Если мы собираемся довести дело до конца, то сделать это мы сможет только используя решение, позволяющее превратить обычный RSS/XML-код из внешнего файла в оформленный HTML на наших страницах.
Такие действия требуют некоторых знаний в программировании. Нам нужен язык программирования, который быстр и легок в изучении, а также, предпочтительно, не очень сильно отличался от стандартного HTML, который мы также будетм использовать. PHP как нельзя лучше подходит для этого дела. PHP позволит нам написать короткую простую программу, которая будет извлекать RSS-фид с сайта, который его предоставляет, сохранять копию фида локально для дальнейшего использования, парсить необходимые данные и затем, форматировать HTML-код сайта по вашему выбору. (Если это покажется трудным, не волнуйтесь, я проведу вас шаг за шагом через весь процесс ниже.)
Для этой демонстрации я буду использовать RSS-фид, данный в примере 1. Мы будем брать данные из этого фида, преобразовывать его в HTML-код, и этот HTML-код помещать на страницы своего веб-сайта.
Первое, что вы должны сделать открыть HTML- или PHP-редактор. Notepad или WordPad подойдут. Теперь скопируйте код (примера 2) в ваш редактор и сохраните файл как SimpleReader.php. Вы также можете сохранить его как SimpleReader.txt и переименовать его позже. Посмотрите теперь внимательно на то, что вы сохранили, возможно что-то выглядит странно, но есть шанс, что это все же вам знакомо. Выглядит почти как HTML, не так ли? Перед выгрузкой файла, вы можете заменить заданные в примере RSS-адреса на адреса других фидов, которые вы выбрали. Та часть, которую вы изменяете выглядит так:
// Ниже приведены примеры фидов — вы можете добавлять или изменять их
$RSSFEEDS = array (
0 => «http://www.site-reference.com/xml.php?c=all»,
1 => «http://rss.cnn.com/rss/cnn_topstories.rss»,
2 => «http://rss.slashdot.org/Slashdot/slashdot»
);
Чтобы изменить RSS-фид, отображаемый на вашем сайте, просто измените любой URL на ваше усмотрение.
Выгрузите этот файл в определенное место на своем веб-сервере и укажите в броузере путь к этому файлу. PHP-код, содержащийся в файле будет выполняться на вашем сервере и скрипт пошлет HTML-страницу обратно в ваш броузер, тем самым, конвертируя RSS в страничное представление. Если мы все сделали верно, то мы должны увидеть это. Позвольте мне обратить ваше внимание, читатель, что PHP-код в файле исполняется на веб-сервере — не в вашем броузере, как html-страница. Результат работы PHP-скрипта, который запущен на сервере, страница, которую вы видите в своем броузере. И это именно та страница, которую мы собираемся вставить в нашу страницу, которая с нетерпением ожидает наш свой новый RSS-фид!
Начиная с этого момента мы приступаем к конвертации RSS-фида в HTML-код, т.е. мы потратим несколько минут, чтобы сделать небольшие косметические действия, чтобы вписать фид в структуру нашей страницы. К счастью это очень просто!
Перед началом настройки внешнего вида фида помните, что вы изменяете только сам фид, а не код целой страницы. Мы настраиваем только маленький “кусочек” страницы, который нашел свой дом на вашей странице.
Посмотрите содержимое файла, который вы только что сохранили, и вы заметите следующий код:
Теперь давайте посмотрим на свой сайт или страницу и найдем место, где должен появиться RSS-фид. Запомните, что несмотря на то, что он выглядит как обычная веб-страница, когда мы просматриваем его в броузере, когда мы помещаем фид на свою страницу, то все стили и форматирование этой страницы возымеют действие и фид станет выглядеть в соответствие со страницей.
Когда вы найдете хорошее место на своем веб-сайте, чтобы поместить фид, инсталляция фида осуществляется также просто как добавление новых HTML-тэгов. Поместите код в точности, как вы видите, внутрь вашей страницы и произойдет волшебство.
Выгрузите страницу на свой сервер и RSS-фид будет включен в в план вашей страницы. Так как данные фида изменяются, то данные на вашей странице также изменяются, и так как мы используем PHP, а не JavaScript поисковые боты смогут видеть ваш изменяющийся контент.
Если вы хотите узнать больше о RSS и PHP, не забудьте посмотреть примеры 3 и 4 на демонстрационной странице. Пример 3 показывает расширенную версию SimpleReader, который можно использовать для размещения нескольких фидов на одной странице. Пример 4 показывает как создается демонстрационная страница.
Автор статьи: Джон Холифилд (John Holifield)
Перевод: Fakeman
Как подключить к сайту RSS-ленту
Вы можете вывести на своем сайте ленту статей со стороннего новостного ресурса.
Такую ленту можно вывести как на отдельной странице, так и в дополнительных блоках страниц.
Для этого Вам необходимо будет получить адрес RSS-канала нужной Вам ленты новостей и следовать инструкции.
Шаг 1
Затем перейдите на сайт https://www.rssdog.com/ и вставьте в поле «URL RSS канала» скопированный адрес.
Шаг 2
При необходимости Вы можете задать дополнительные настройки. Мы перечислим основные из доступных:
Прочие параметры задайте на свое усмотрение или оставьте значения по умолчанию.
Обратите внимание!
Шаг 3
После того как Вы введете адрес канала и зададите настройки, нажмите кнопку «Make The Code».
Шаг 4
В блоке «Using it» (отобразится под настройками) скопируйте значение из поля с HTML-кодом.
Шаг 5
Далее перейдите в систему управления.
Шаг 6
Затем перейдите к редактированию текста страницы на вкладке «Содержимое».
Обратите внимание!
Шаг 7
И в рабочей области открывшегося текстового редактора нажмите на кнопку редактирования HTML-кода.
Шаг 8
Теперь вставьте скопированный ранее код в HTML-код страницы и сохраните изменения.
Как добавить RSS ленту на сайт
Имеющаяся на сайте RSS-лента даёт возможность оперативно транслировать новости и обновления читателям. Формат этот несколько устаревший, но аудитория пользователей всё ещё большая. Возможность организации RSS-лент заложена во многие популярные движки, такие как WordPress, Joomla, Drupal и многие другие. Где-то эта возможность является штатной, а где-то реализуется с помощью плагинов. Рассматривать процесс установки плагинов не имеет особого смысла, поэтому мы попробуем разобраться, как организовать RSS-ленту своими силами, не используя плагины.
RSS-лента для статического сайта на html
Для начала мы рассмотрим ручной способ, позволяющий реализовать трансляцию новостей на любом сайте, даже на статичном, построенном на голых html-страницах. Данный функционал будем создавать с помощью простого кода, который размещается в файле rss.xml в корне сайта:
При необходимости, в данном коде можно указать язык ленты, что необходимо при её регистрации в некоторых каталогах RSS-лент, а также добавить дополнительные элементы.
Представленный код обновляется в ручном режиме. То есть, для внесения изменений необходимо открыть файл rss.xml и вписать в него новые данные. Нужно несколько новостей? Тогда редактируемый файл с лентой должен содержать в себе несколько конструкций следующего вида:
Каждая такая конструкция – это отдельная новость, которая располагается между тегами item. По мере добавления новостей, старые записи можно удалять. Количество записей может быть любым, но прописывать больше 10 последних новостей не стоит – вряд ли кому-то понадобятся устаревшие записи.
Автоматизируем создание RSS-ленты
Предположим, что наш сайт создан на самописной CMS, либо на CMS, у которой RSS-лента отсутствует. В этом случае необходимо разобраться в структуре базы MySql, используемой для хранения данных, и выяснить, как производится хранение данных о заголовках страниц, их адресах и содержимом страниц с новостями. Разобравшись со структурой базы, необходимо несколько модернизировать файл с RSS-лентой. Для начала, дадим ему другое расширение, чтобы в нём мог исполняться php-код, необходимый для работы с базой MySql. В противном случае наша RSS-лента не заработает. Необходимо переработать и внутреннее содержимое файла:
С первым пунктом всё понятно – нам нужно выполнить подключение к базе данных для забора оттуда информации. Второй пункт тоже понятен – нам нужно получить 10 дат, 10 id ссылок на страницы с новостями, 10 заголовков новостей и 10 тел новостей. В третьем тексте мы последовательно выводим всё то, что мы публиковали между тегами item в ручном формате нашей RSS-ленты. Таким образом, разобравшись в структуре базы данных, мы можем организовать RSS-ленту для любого ресурса. Такой подход хорош тем, что мы не касаемся исходного кода CMS и не создаём дополнительных нагрузок на хостинг – этим грешат некоторые плагины, нагружающие сайты километрами ненужного кода. Кроме того, наша методика позволит избавиться от возможных ошибок в функциональности действующего сайта на этапе внедрения RSS-ленты. Максимум, что может произойти, так это получение не тех данных, что нужны для формирования ленты на нашем сайте.
Теперь рассмотрим сам код:
Первые строки данного кода схожи с вышеописанным ручным кодом и содержат в себе общую информацию о нашей новостной ленте – это название, описание и полный адрес ленты. Даты последнего обновления ленты нет, но её можно реализовать, модернизировав исходный код. Далее производится выборка необходимых данных из MySql-базы и запускается цикл формирования RSS-ленты.
Как только формирование файла rss.php будет готово, мы можем заливать его на хостинг и приступать к тестированию.
Полезные советы
Заходя на некоторые сайты, мы можем видеть в адресной строке браузера прямую ссылку на RSS-ленту этих сайтов. Для того чтобы не отставать от моды, проведём ещё одну модернизацию нашего сайта и добавим в него всего одну строчку кода: