SEO-оптимизация блога. Мы снова в строю!
|
|
Автор: 
Дата: 08.12. 2012
Рубрика: 
Метки: Почти 4 месяца наш сайт не обновлялся. Но это все неспроста! За прошедшее время мы провели большую работу по реорганизации блога, его SEO-оптимизации, в надежде, что теперь он станет более видным и понятным для поисковиков. Внешняя часть изменений практически не претерпела, но и там все равно не обошлось без переделок.
SEO-оптимизация блога
Тему для сайта мы писали самостоятельно, с нуля (разве что картинку утянули из понравившейся бесплатной темы). Но, будучи полными профанами в этом вопросе, рады были, что работает, а уж как… Именно «как» откладывалось бы на доработку неизвестно сколько долго, если бы я не полезла читать про SEO-оптимизацию блога… Вот тогда-то я и поняла, что такие паровозы, как наш сайт, не летают. А если летают, то низенько-низенько. Так что написание статей было забыто на время, а на передовую вышло программирование.
SEO-верстка
Это, в общем-то, совсем не сложна штука, умные люди уже все давно придумали. SEO-верстка заключается в том, чтобы полезный контент со всеми ключевыми словами максимально поднять к началу страницы. Не той, что видят посетители сайта, а той, что видят поисковики, т.е. HTML-кода страницы. А всю служебную начинку (меню, сайдбары) засунуть вниз.
Главным образом это касается хедера страницы. В большинстве случае хедер со всей необходимой служебной информацией объединяют с внешним хедером, который содержит меню. А внешний хедер занимает очень много места! Поэтому его очень полезно опустить ниже главного контента — самих статей.
Реализуется это очень просто, как я говорила, умные люди уже все придумали http://blogto4ka.ru/html-css/seo-verstka-sozdaem-seo-optimizirovannyj-layout.html
Переопределние заголовков H
Для поисковиков очень важны заголовки H. Иначе у них сносит крышу, они не знают, что тут важно, а что нет. В итоге плюют, разворачиваются и уходят к более понятным сайтам.
Так Н1 должен встречаться не более 1 раза на странице, Н2 разумное число раз, к остальным не столь жесткие требования.
У меня творился бардак, увы… Всем заголовкам статей был присвоен первый номер, в том числе и на страницах с анонсами (главная, архив, поиск и т.д.).
Мы сделали хитрый финт ушами — на страницах с анонсами заголовкам статей мы присвоили Н2, а уже на страницах полных статей Н1.
Но, чтобы Н1 не отсутствовал на странице с анонсами совсем, в самом верху мы прописали название сайта и ключевые слова, но сделали их размером в 1px и белого цвета. Т.е. поисковики их видят и воспринимают нужным образом, а внешний вид не портят.
В итоге Н1 и Н2 у нас используются только для заголовков, а внутри постов менее требовательные Н3 и Н4.
В настройках WordPress предлагает прописать написание сайта и поместить его в хедер. Но если это сделать, появится избыточность Н1, либо все названия статей придется выводить под Н2. А это тоже не правильно, ибо названия статей по хорошему содержат ключевые слова, их лучше делать как можно виднее для поисковиков.
SEO-оптимизация таблицы стилей CSS
Мои первые потуги написания шаблона привели к тому, что в CSS-фале творился полный беспредел. С одной стороны дублирование стилей, а с другой — переопределения и исключения. Сам файл был бесконечно длинным, в котором без пол-литра было не разобраться.
В итоге я создала голый шаблон, напичкала его необходимым функционалом, а потом к каждому элементу дописывала необходимые красивости.
Поскольку у многих элементов один и тот же стиль, объединила их.
Теперь CSS-файл выглядит очень компактно, а валидатор показал отсутствие ошибок. Но, мало того, теперь я до буквы знаю весь CSS-код своего сайта!
Java-скрипты
Стандартным образом Java-скрипты прописываются в заголовок сайта. А это опять же сжирает полезное пространство перед основным контентом и ключевыми словами.
Поэтому все возможные скрипты я перенесла в футер.
Рубрики и метки
Рубрики и метки должны не дублировать друг друга, а дополнять. Как я ни старалась изначально, некоторый бардак в этом деле у меня все же присутствовал. Пока переписывала посты, заодно навела порядок.
Поисковики очень не любят глубоки вложения рубрик-подрубрик. У нас вложения до четвертого уровня. Но ругани поисковиком мы избежали (во всяком случае надеемся), исключив из адреса статей названия рубрик. Вложения сохранились только при выборе конкретной подрубрики.
Читать далее More
Оказывается, очень просто, вместо банальной фразы «читать далее» после анонса статьи, писать что-то свое для конкретного поста. Для этого в HTML-редакторе внутри кода <!—more—> нужно вписать любую фразу без отступов от символов кода <!—moreЛюбая фраза—> Статья не только приобретает индивидуальность, но еще это возможность вписать ключевые слова.
Внешний вид сайта
Шрифты
Тут работы было не много. Я чуток поработала над шрифтами и их размером, чтобы сделать статьи более читаемыми и визуально целостными.
Карта сайта
Мне лично страница с картой сайта мешала. Не вижу я в ней смысла для пользователей. Поэтому, чтобы не лишать поисковики удовольствия ее лицезреть, встроила в шаблон ошибки.
Фотоархив
Вот тут, пожалуй и была основная работа! Стандартный загрузчик WordPress меня категорически не устраивал по многим параметрам.
Во-первых, он не видит изображений. загруженных по FTP
Во-вторых, не позволяет сортировать изображения по папкам
В-третьих, стандартный загрузчик создает копии разных размеров.
Учитывая, что наш сайт — это блог с огромным количеством фотографий в постах, такой расклад был категорически не удобен. Я не понимала, где у меня что лежит, и к какому посту относится. А из-за копий дисковое пространство на хостинге мучительно быстро подходило к концу.
Сначала думали решить эту проблему установкой плагина, даже нашли один толковый. Но он многофункциональный, достаточно прожорливый и тормозит работу сайта. А учитывая,что из всех его способностей нужна была десятая часть, мы решили откзаться от него.
В итоге что сделали:
1. Все фотографии именуются так же, как ярлык поста, и пронумерованы.
2. Все фотографии рассортированы по папкам и подпапкам, что и связанные с ними рубрики, подрубрики и посты на сайте. Названия папок на компьютере идентично ярлыкам рубрик. Теперь я точно знаю, где и какая фотография лежит, в каком посте она используется. Если мне нужно поменять фотографию или дополнить пост новой, я без проблем кладу е в нужное место.
3. Через стандартный загрузчик я заливаю только миниатюры, заранее ужатые до нужного размера.
4. Фотографии в посте прописываю через HTML-редактор. Это муторно на первый взгляд, на самом деле намного быстрее, так как код вставки со всей дополнительной информацией просто копируется, меняется только порядковый номер фотографии.
5. Свойства фотографии прописаны в CSS-файле. Я изначально делаю фотографии несколько большего размера, чем они выглядят на сайте. Это сделано с прицелом, что в недалеком будущем шаблон сайта надо будет переписывать под большее разрешение экранов. В таком случае надо будет поменять только одну строчку в CSS-файле, и фотография будет выводиться в другом размере.
В итоге подобных операций размер сайта уменьшился почти вдвое!
Вот такая работа было проведена!
Но все же осталось еще очень много,что нужно сделать с сайтом. Сейчас пишу уже скорее для себя.
Фидбернер
1. Оформить подписку от Фидбернер. Да! Я решила отказаться от Смартреспондера, потому как главную функцию — автоматечкую отсылку письма подпискам с анонсом новой статьи он не выполняет.
2. Сделать RSS-ленту в Фидбернере красивой.
3. Вывести в RSS-ленту в Фидбернера миниатюры постов.
Максималшьно избавиться от плагинов
1. Перелинковка статей.
2. Дерево рубрик.
3. Форма обратной связи.
4. Карта сайта.
5. Кнопка и счетчик ретвита.
6. Постраничная навигация.
7. Авторизация через социальные сети (пока вообще не представляю. что с этим делать).
8. Кнопка «наверх страницы».
А так же
1. Заставить все Java-скрипты от плагинов прописываться в футер, а не в хедер.
2. Сростить комментарии на сайте с комментариями в Живом Журнале.
Подпишитесь на обновления по e-mail, чтобы не пропустить новые статьи:
Так же интересно будет почитать:
2 комментария на «SEO-оптимизация блога. Мы снова в строю!»
Ваш комментарий
Авторы
 |
 |
 |
Маша, ты — титан! Молодец. Спасибо за интересный, красивый, познавательный сайт. А теперь ещё и шустрый)
Вручаем тебе Кубок признания. Взять его можно здесь:
Желаем удачи и счастья! С наступающим Рождеством.
О! Спасибо, деуки!!!
Я горда до невозможности :)))
Ща вот разгребу дурь с фидбернером и заберу кубок :)