Как в блоге сделать страницу «Содержание» (Table of Content)

четверг, 17 июня 2010 г.
Вы наверное видели на некоторых блогах такую замечательную штуку, как страница «Содержание» (Содержимое, Архив, Table of Content), где по рубрикам каталогизированы все опубликованные ранее посты. На Blogspot-блогах это явление не частое, хотя польза от подобных страниц определенно есть. Во-первых, читатель может зайти и прогуляться по «архиву». Во-вторых, поисковые системы. Подобная страница — практически Sitemap (кстати, почему бы ее так и не использовать), как минимум очень хороша для индексации.


Проблема была одна — как такую страницу сделать? Раньше выход был примерно следующий — создать страницу на блоге и долго вручную ее забивать, разбирая посты по рубрикам. Одно дело если у вас 10 постов, а если 500 или 100? Это огромное количество работы! К тому же, каждый новый пост приходилось бы заносить в ручную. Согласитесь, ритуал не удобный.

Изящное решение было найдено недавно (по-крайней мере найдено мной недавно) на блоге Abu-farhan. Для начала вы создаете обычную страницу Blogger (используя новые возможности blogger по созданию страниц), или обычный пост задним числом и размещаете там следующий HTML код:
<script src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://ВАШ_БЛОГ.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
Заменяете «ВАШ_БЛОГ» на имя своего блога и готово. При заходе на вашу страницу «Содержимого» скрипт в автоматическом режиме с генерирует это самое оглавление. Как видите, процесс инсталляции элементарный.

Теперь немного о стилях. В той редакции что я опубликовал, код не содержит стилей CSS. Сам автор прилагает к коду стиль Google Feed:
<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen">
У меня, как говориться, «не сел», поэтому я от него вообще отказался, благо и без этого страница выглядит вполне прилично. Вы можете поэкспериментировать или даже прикрепить свой собственный стиль. Удачной модернизации!

P.S. Поствой. Oznaka - качественная разработка сайта в Киеве.
Полезный курс по заработку на AdSense – получай доход от контекстной рекламы.
Убрать напряжение помогут игры стрелялки - в них вы можете делать то, что нельзя в реальной жизни.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Независимый рейтинг хостингов Ping-Admin поможет выбрать лучший хостинг

вторник, 15 июня 2010 г.
Вряд ли приукрашу если скажу что правильно выбрать хостинг — настоящее искусство. В противном случае, зачастую это лотерея. Предложений сотни, цены разные. Можно найти отличный незатасканный молодой хостинг по приемлемой цене, можно взять дорогой известный и ошибиться. Получается самый верный способ реально оценить хостинг, это его попробовать, посидеть на нем месяц-другой. Одна проблема — подобного рода эксперименты могут дорого обойтись искателю приключений. В такой ситуации веб-мастера часто выручают рейтинги хостеров, и один из наиболее интересных таких рейтингов — рейтинг хостингов Ping-Admin.

В чем главная особенность Ping-Admin? Обычно все подобные рейтинги составляются по принципу анализа предложений (тарифы, цена и пр.), либо формируются на основе отзывов и голосования. Как вы сами понимаете, ни та ни другая схема не может быть абсолютно объективной. Соотношение цена/набор предлагаемых услуг не дает представление о качестве этих самых услуг, а отзывы и голосования при желании легко накручиваются.

Рейтинг Ping-Admin претендует на полною беспристрасность потому что оценивает техническую сторону известных ему хостер-провайдеров. В частности оцениваются следующие показатели:
  • Uptime — Процент времени работы без сбоев. 100% — хостинг доступен все время наблюдения за ним;
  • Общее время, секунд. — время соединение и ожидание ответа сервера;
  • DNS, сек. — время, необходимое на определение IP по адресу сайта;
  • Соединение, сек. — время, необходимое на отправку запроса к проверяемому сайту;
  • Ожидание ответа, сек. — «время ожидания» главной страницы на проверяемом сайте, время через которое дал ответ выполняемый скрипт;
  • Скорость загрузки — средняя скорость загрузки «главной» на проверяемом сайте.
По результатам наблюдая за этими значениям динамически и формируется рейтинг Ping-Admin.



Вообще следует заметить, что одним рейтингом хостингов сервис Ping-Admin не ограничивается. Второй особенностью проекта является мониторинг работы сайтов в интернете. То есть вы можете регулярно проверять доступность своих сайтов в онлайне и при малейших неполадках получать отчеты по SMS, ICQ, Jabber или e-mail. Ситуации ведь бывают разные, и часто, могут возникнуть проблему на том или ином хостинге, причем вы в это время совершенно о них можете не догадываться. Признаюсь, у меня были подобны ситуации и скажу вам честно, не очень приятно под вечер обнаруживать тот факт, что сайт оказывается весь день был недоступен. Кроме обычного недовольства ваших пользователей это может привести и к более глобальным последствиям со стороны поисковых систем.

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



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

P.S. Постовой. Таблицы и группы чемпионата мира 2010 по футболу в ЮАР.
Интересная и полезная информация про iPad в Украине – обзоры, новости и разные статьи.
Много информации и фото о том, что стоит посмотреть во Львове.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

7 советов по оптимизации скорости загрузки блога на Blogspot

среда, 9 июня 2010 г.
Далеко не все следят за такой вещью как скорость загрузки блога, а зря. Если сайт «еле ползает» им неудобно пользоваться, это раздражает. Где-то даже читал интересное исследование, что если в течение 10 секунд посетитель не получит информацию (на новом не знакомом сайте), он в большинстве случаев сразу же уйдет.

Да, что там 10 секунд? Бывает, пока до контента доберешься никакого терпения не хватит. К тому же давайте не забывать об еще одном аспекте — с некоторых пор скорость загрузки стала для поисковых систем фактором ранжирования. В общем, я не вижу причин по которым следует лишать себя читателя и расположения поисковых систем. Давайте посмотрим что мы можем сделать для того чтобы наш Blogger-блог работал быстрее. Всего получилось 7 небольших советов.

1. Используйте грамотно написанный, качественный шаблон
Как вы сами понимаете бывают хорошо написанные шаблоны, бываю из рук вон плохо написанные. К сожалению определить это сразу "на глаз" бывает не просто. Бывает достаточно установить приглянувшийся шаблон на тестовый блог и немного его «погонять» (у вас должны быть опубликованы хотя бы 2-3 странички тестового контента). Если все грузиться быстро и без ошибок — скорее всего вам попался более-менее приличный шаблон. Остальное определиться в процессе эксплуатации.
Далеко ходить за примером не следует, вчера буквально полдня потратил на установку шаблона для моего небольшого сайта про чемпионат мира по футболу 2010 - в результате чего сегодня решил его удалить и подключить другой: много ошибок, неточностей, ненужных элементов, о которых дальше еще пойдет речь.

2. Не размещайте слишком много контента
Не стоит размещать слишком много контента на одной странице. Это относится ко всем видам контента — текстовому, изображениям, видео. Если вам нужны конкретные рекомендации, на мой взгляд лучше не публиковать на одной странице больше 5000-6000 тысяч знаков текста, с картинками и прочем тоже нужно быть умеренным. Старайтесь чтобы суммарный вес страницы был не более 100-150 кб. На главной странице не размещайте слишком много постов.

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

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

4. Оптимизируйте картинки
Прежде чем добавить в пост картинку не поленитесь ее немного оптимизировать. Сейчас практически любая программа для элементарного просмотра изображений в состоянии «пережимать» изображения в различные форматы. Начинать нужно с выбора правильного формата, а потом уже определять оптимальные настройки. Универсальных настроек не бывает, все зависит от конкретной картинки, но наука это не сложная, вы найдете в Интернете много информации по теме.

5. Уберите лишние скрипты
Здесь рекомендация та же что и в пункте «Уберите все лишнее», только речь идет не о контенте и блоках с текстами. Оставьте только самые необходимые скрипты. Какие именно выбрать тут решает каждый сам.

6. Разместите нужные скрипты у себя в коде
Те скрипты что вы все-таки оставили, по-возможности, лучше размещать у себя в коде. Скрипт размещенный на сторонним сервере может быть причиной «подвисания» страницы в процессе загрузки. Хотя, к сожалению это осуществить не всегда возможно.

7. Оптимизируйте код
Код шаблонов Blogger (даже если шаблон качественный) далек от совершенства. Помните пост про ошибки валидации? Если вы хоть немного разбираетесь в HTML/CSS, обязательно почистите и оптимизируйте код шаблона на сколько это возможно. Ваши читатели скажут вам спасибо!

Следуя этим советам можно выжать из блога космическую скорость. Напоследок позволю себе еще один совет — скорость, скоростью, но до абсурда тоже доводить не стоит. Оптимизируйте без фанатизма! Очень надеюсь, что у меня найдется хоть немного времени дабы все привести в порядок для BlogoHelp`а и он будет грузиться намного быстрее.

P.S. Классный и производительный ноутбук HP Pavilion dv3-2310er (VY334EA) в интернет-магазине ноутбуков NOVATEK.
Качественная поисковая оптимизация, раскрутка и поисковое продвижение сайта в интернете от компании Aweb.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails