Это цитата сообщения BraveDefender Оригинальное сообщение

Как сделать простую RSS-ленту для простого сайта

Пост будет полезен владельцам простых сайтов на статических HTML-страницах (например, на narod.ru). Написан с привычной для меня дотошной подробностью :) Создание RSS отнимет у вас в три раза меньше времени, чем чтение поста. Шутка. В два.

[показать]

Для тех, кто не знает, что такое RSS, — справка из википедии: «Обычно с помощью RSS 2.0 даётся краткое описание новой информации, появившейся на сайте, и ссылка на её полную версию. Интернет-ресурс в формате RSS называется RSS-каналом, RSS-лентой или RSS-фидом».

Я, например, пользуюсь программой FeedReader (на данный момент — v. 3.14).

[показать]

Определение из википедии

«RSS — семейство XML-форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п. Информация из различных источников, представленная в формате RSS, может быть собрана, обработана и представлена пользователю в удобном для него виде специальными программами-агрегаторами». Практически все сайты, блоги, порталы сейчас используют RSS-каналы.

Пример

Вы можете посмотреть RSS-ленту моего дневника на Ли.ру, если наберете в адресной строке браузера: http://bravedefender.ru/rss.

По-простому говоря

Формат RSS призван оповещать пользователей об изменениях на сайте: новые посты, новости и так далее.

«В непростых html-условиях»

Однако, это затруднительно сделать на статических HTML-страницах. Например, если у вас есть сайт на Яндексе, Народ.Ру, то вы размещаете на сервере HTML-страничку и всё — ни о каких изменениях в её содержании никто никогда не узнает, если только не сообщить об этом по e-mail или если при следующем посещении пользователь сам не обратит на изменения внимание.

Задача

Сайт Романа Любарского размещен на бесплатном хостинге безо всяких там баз данных MySQL и даже без поддержки pHp. Как сообщать читателям о появлении новых страниц со стихами, статьями или фотографиями?

Как я сделал простую RSS-ленту для HTML-сайта

Приведу пример уже созданного мной кода, с которым вы можете потренироваться:

<?xml version="1.0" encoding="windows-1251"?> <rss version="2.0"> <channel> <title>Роман Любарский • Творческая мастерская</title> <link>http://poet.inf.ua/</link> <description>Стихотворения, прозаические произведения, фото, музыка и видео в Творческой мастерской Романа Любарского</description> <language>ru-ru</language> <copyright>Copyright 2010 - Роман Любарский. Творческая мастерская</copyright> <author>Роман Любарский</author> <image> <url>/rss.png</url> <title>Роман Любарский • Творческая мастерская</title> <link>http://poet.inf.ua/</link> </image> <item> <title>О чем поет лоскут</title> <link>http://poet.inf.ua/prose/3100102.html</link> <description>Новая статья • Накануне Нового года в клубе «Балтика» на подведении итогов фестиваля предпринимательских идей вице-мэр Александр Буянов вручил грамоту городской администрации автору работ в технике лоскутного шитья Валентине Кузьминой за участие в конкурсе «Красота своими руками». Сейчас её работы выборжане могут увидеть в галерее «Арт-холл» на улице Димитрова.</description> </item> <item> <title>Анонс запланированных на сайте изменений</title> <link>http://poet.inf.ua/</link> <description>Новости сайта • C помощью подписки по RSS Вы сможете всегда быть в курсе всех изменений на сайте: публикаций новых стихотворений, прозы, рассказов и статей, появления новых фотографий в альбомах и новых тем на форуме.</description> </item> <item> <title>Анонс форума сайта Романа Любарский</title> <link>http://poet.inf.ua/</link> <description>Форум сайта • В скором времени планируется запуск форума сайта по адресу <a href="http://poet.bestforums.org" target="_blank">http://poet.bestforums.org</a>. Форум - отличная площадка для обсуждения новых публикаций.</description> </item> <item> <title>«Как слово наше отзовется…»</title> <link>http://poet.inf.ua/prose/3100101.html</link> <description>Новая статья • В этом году исполняется 80 лет со дня рождения Василия Шукшина и 40 лет со дня основания Выборгской детской художественной школы. Вас, наверное, удивит, как могут быть связаны эти даты? Ответ прост: вектор — творчество. А проложил его выборжанин Владимир Борисов, инженер по профессии и актер по призванию.</description> </item> <item> <title>«День дотлевает. И пепел заката…»</title> <link>http://poet.inf.ua/poetry/2100102.html</link> <description>Новое стихотворение • День дотлевает. И пепел заката // Сыплется в небосклон. // Ты не была предо мной виновата, // Не преступила закон...</description> </item> <item> <title>Москва. Церковь св. Софии</title> <link>http://poet.inf.ua/photos/05/target4.html</link> <description>Новое старое фото • Фотография вернулась на свое место в альбом «Москва и москвичи»</description> </item> <item> <title>«Тишина… Утомился январь…»</title> <link>http://poet.inf.ua/poetry/2100101.html</link> <description>Новое стихотворение • Тишина… Утомился январь. // И снежок, и морозец — по чину. // В белой дымке мерцает фонарь, // Разгоняя тоску да кручину...</description> </item> </channel> </rss>

Я пользуюсь программой Adobe Macromedia Dreamweaver, но с успехом подойдет и стандартный Блокнот Windows или другой текстовый редактор (только не используйте MS Word!)

Мой Dreamweaver 8

[показать]

Так код будет выглядеть в блокноте

[показать]

Теперь переходим к созданию RSS для вашего статичного сайта. Сохраните текст в формате *.xml: для этого выберите пункт меню «Файл» — «Сохранить как», тип файла — «Все файлы». Имя может быть не обязательно RSS.xml (но так труднее запутаться в дальнейшем).

[показать]

[показать]

Перепишем код файла файла rss.xml под ваши нужды. Сведения о версии xml, rss, кодировке и теги канала менять не нужно.

[показать]

Поменяйте содержание тега TITLE, указав свою информацию

[показать]

В теге LINK укажите ссылку на ваш сайт

[показать]

DESCRIPTION — коротко опишите ваш сайт

[показать]

Указание на языковую кодировку менять также не нужно

[показать]

Теги COPYRIGHT и AUTOR описывают ваши авторские права

[показать]

Далее между тегами изображения иконки RSS ( IMAGE) указываем следующие параметры:

[показать]

• url — путь к файлу с изображением значка RSS (см. начало поста). У меня — http://poet.inf.ua/rss.png или короткий /rss.png (файл находится в корневой папке сайта)
• title — описание, всплывающая подсказка, которую будет видно при наведении курсора на значок RSS
• link — ссылка, которая будет открываться при клике на значок

А теперь — самое главное, для чего мы собственно здесь и собрались: создание новостей в RSS.

Новости будут размещаться между тегами ITEM:

[показать]

• title — заголовок новости
• link — ссылка на страницу новости на сайте
• description — описание новости

В моем случае новостей между тегами item — семь штук. Обратите внимание, что более свежие новости располагаются в xml-файле выше более старых.

Осталось только сохранить измененный xml-файл (rss.xml) и загрузить его на ваш сайт (у меня он загружен в корневую папку сайта — http://poet.inf.ua/rss.xml). Эта ссылка и является ссылкой на RSS-ленту сайта. На страницах сайта размещаем значок RSS с этой ссылкой или просто текстовою ссылку и все читатели ваши :)

Так они выглядят, например, на сайте Романа Любарского:

[показать]

Многие современные браузеры, почтовые клиенты и интернет-пейджеры умеют работать с RSS-лентами. Я, как уже упоминал, пользуюсь RSS-программой. Так выглядит RSS poet.inf.ua в браузере Firefox:

[показать]

А почему вы не спрашиваете, как добавлять новости? Конечно, можно было и самим догадаться: просто скопировать содержимое крайнего тега ITEM, вставить в самом верху под тегом IMAGE и внести изменения в копию, в соответствии с новостью. Затем не забыть заменить старую версию xml-файла на сайте на новую.

[показать]

Должен признаться, что это самый простой вариант RSS для статичных сайтов без поддержки pHp. Буду разбираться дальше.

А вам — спасибо за внимание!

Урок размещен 15 января 2009 года на моем сайте studia.at.ua.