О том, как Web-Кошка чуть не поседела + Урок по созданию карты блога WordPress

Полакав валерьянки и успокоив свою нежную нервную систему, Web-Кошка добралась наконец до админки блога с твердым намерением написать-таки пост о карте сайта для блога WordPress.

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

Сижу я сегодня за компом, тихонечко прогоняю этот блог по базе трастовых сайтов. Норма у меня такая — 5 сайтов в день осчастливить регистрацией на них. Не то чтобы я за тИЦ гонюсь, или еще куда-то там, но как-то ноль входящих ссылок в панели вебмастера меня печалили. Ну да не о том сейчас!

У меня, как, полагаю, и у многих из вас, в браузере стоит яндексовский тулбар — крайне удобная весчь. Так вот помимо прочего, там у меня висят кнопочки сайтов с инфой из панели вебмастера Яндекс:

Навожу я случайно мышку на этот информер и вместо своих законных 24 страниц в поиске и 12 бэков вижу одну страницу и ни одной ссылки на себя.

Ну, думаю, глюк ЯндексБара. Иду в саму панель — наблюдаю такую же картину. Проверяю второй свой сайт — там вообще ни одной страницы в поиске из 160 не осталось!

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

Уже даже на всякий случай набрала в яндексе «как узнать, что сайт под фильтром», и слава богу, попалась мне в выдаче эта тема форума.

Извинившись перед Темкой, сходив в магазин за новыми котлетами и пару раз обновив статус сайтов в ЯндексБаре, я убедилась, что действительно был просто глюк Явебмастера, который стоил мне, однако, несколько нервных клеточек.

Так и не знаю, апдейт ли выдачи был, либо просто какие-то проблемы Яндекса — все страницы и ссылки вернулись к прежним показателям, письма от Яндекса с оповещением об апдейте не было, так что будем посмотреть завтра…

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

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

Точнее, карт блога на самом деле бывает две: одна создается для людей. Для вас, дорогие мои друзья, у меня на блоге существует страничка, на которой собраны и разложены по полочкам все статьи, которые я успела сочинить — Все статьи блога.

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

Начнем с того, что посмотрим,

Как создать карту сайта для людей

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

Плюсы такого решения:

• не используем плагин;
• можно выбирать, какие статьи в карту блога включать, а какие — не стоит.

Минус один, но большой: такое решение очень неудобно. С каждым новым постом и так хлопот хватает: напиши, картинки найди, отфотошопь их, название статье придумай, тайтл/дескрипшен/кейвордс пропиши, предварительно посетив вордстат (ну или чем вы там пользуетесь). Тег «more» не забудь поставить, в конце концов — я вот вечно забываю, потом редактирую.

Так что ручное поддержание карты сайта в актуальном состоянии — та еще трудность. Легко можно забыть (забить).

Поэтому, хотя я и за блог без плагинов, но именно в случае с картой сайта обоими лапками голосую за плагин, который называется Dagon Design Sitemap Generator.

Установка карты блога с его помощью проста до неприличия:

1. Находим и устанавливаем его либо через админку блога, либо в официальном хранилище (не забудьте разархивировать и закинуть в папку с плагинами вашего блога. Подробнее читаем здесь). Активируем.
2. Создаем страницу блога, которую называем «Карта сайта», «Карта блога», «Все статьи блога», ну в общем, как угодно называем, лишь бы вашим пользователям было понятно, что за названием скрыто. О том, как создавать страницы, я уже писала, идем и читаем при необходимости.
3. На странице редактирования созданной страницы переключаемся в режим html-редактора и вставляем такую вот строчку:

   <!-- ddsitemapgen -->

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

Плагин Dagon Design Sitemap Generator имеет массу гибких настроек, которые спрятаны в меню «Настройки» админки:

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

Единственное, на чем хочу остановиться, это на возможности исключать из карты блога целые рубрики (1), отдельные статьи (2), запароленные публикации и запланированные посты (3).

Как узнать ID статьи WordPress, я рассказывала. Узнать ID рубрики WordPress можно также очень просто: идете в «Записи» — «Рубрики» в админке, наводите указатель мыши на нужную рубрику, и внизу окна браузера наблюдаете примерно такую строчку:

Вот как раз id=22 и даст вам искомое (понятно, что это у меня 22, у вас после знака равенства будет свое значение).

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

Настройка внешнего вида карты сайта

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

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

Когда я еще планировала использовать на этом блоге другой шаблон, не такой функциональный, то столкнулась с этой проблемой — карта сайта выглядела просто ужасно: ни отступов, ни шрифтов, вообще ничего.

Можно было, конечно, вручную написать весь код css для карты блога, но я слегка погуглила и нашла уже готовый:

.ddsg-wrapper h2{
    font-size: 14px !important;
    font-weight: normal !important;
    }
.ddsg-wrapper  li  {
border: none !important;
    margin-left: 20px !important;
    background-image: none !important;
     }
.ddsg-wrapper  li li {
border: none !important;
     margin-left: 20px !important; 
     list-style: none;   
     background-image: none !important;
     }

Этот код нужно вставить в файл style.css вашего шаблона, причем желательно в самый его конец.

Здесь все значения отступов мои, вы можете легко подогнать все под себя, используя Notepad++, Firebug и прямые руки.

Если же вы вот ну ни капельки сейчас не поняли, о чем речь, не переживайте — просто поставьте закладку на мой пост или ухомячьте себе код: в недалеком будущем я познакомлю вас с основами css, которых должно будет хватить, чтобы легко и быстро править внешний вид своего шаблона, управляя его стилями. Так что подписывайтесь на обновления, друзья, и первыми получите все Web-Кошачьи новости!

UPD намбер ван: Так давно ставила себе этот плагин, что совсем забыла, что он внизу страницы карты сайта создает вот такую ссылочку на себя любимого:

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

1. Открываем файл sitemap-generator.php (он находится у вас в папке «wp-content\plugins\sitemap-generator«) notepad-ом ++. Вообще всегда, когда я говорю о редактировании файлов кода, я подразумеваю использование именно этого редактора.
2. Находим строчку №1217:

   $t_out .= '<div style="text-align: right;"><p style="font-size:90%;">' . DDSG_CREDITS . ' <a href="/?go=http://www.dagondesign.com" title="Dagon Design">dagondesign.com</a></p></div>';

   и полностью ее удаляем.

3. Сохраняем файл комбинацией клавиш CTRL+S и обновляем страницу карты блога — вуаля, о ссылке остались лишь наши смутные воспоминания!

Пожалуй, с картой сайта для людей все, переходим к рассмотрению вопроса,

Как создать карту сайта для поисковиков

Здесь все еще проще, чем с картой для людей. Использовать мы будем плагин Google XML Sitemaps, который хотя и содержит имя Великого и Ужасного в названии, однако прекрасно воспринимается ботами всех поисковых систем.

Действуем по привычной схеме:

1. Так же скачиваем, так же разархивируем, устанавливаем и активируем.
2. Идем в настройки плагина:
3. И прямо в самом верху страницы настроек видим сообщение о том, что карта сайта еще не создана и предложение ее создать прямо сейчас, нажав на ссылку:
4. С предложением вежливо соглашаемся, на «нажмите здесь» жмем и радуемся, ибо карту сайта для поисковиков мы с вами уже сделали.

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

Кстати, никаких изменений на блоге после создания карты блога для поисковиков вы не заметите: этот плагин создает в корневой папке вашего блога два файла — sitemap.xml и sitemap.xml.gz, в которые и будет добавляться информация о новых написанных вами постах в формате, удобном для чтения поисковыми собаками пауками.

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

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

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

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

Вполне вероятно, что в один пост этот объем информации не уложится, так что несколько ближайших статей я уже проанонсировала. Интересно? Будьте в курсе!

Кстати, по ходу дела апа выдачи не было — это какие-то служебные яндексовские пертурбации, от которых на свет чуть не появилась первая в мире седая кошка. Во всяком случае, Яша письмо не прислал!

Ну тогда пойду я спать со спокойной душой, поскольку на моих часах половина второго ночи! Надеюсь, что вы, друзья, читаете меня в более подходящее время — хотя… Ведь ради интересного чтения и десятью минутами сна можно пожертвовать!

Вот на такой скромной и самокритичной ноте я прощаюсь с вами до новой встречи!

С вами была всегда ваша Web-Кошка!