ArtShok. Сайтостроение и немного SEO

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов

Вы находитесь на блоге "ArtShok. Красивое сайтостроение".
Блог в большей степени посвящен примерам и урокам по CSS, jQuery, AJAX и немного внимания будет уделено продвижению (SEO). Иначе говоря, всему тому, что поможет сделать Ваш сайт более красивым и совершенным.

Машина твоей мечты вместе с Sape!

Архив рубрики ‘Советы’


08.11

2009

Примеры настройки файла .htaccess. 16 повседневных приемов

Пока некоторые наши доблестные сео “гуру” переводят иностранные статьи, не утруждая себя установкой ссылки на оригинал статьи, приведу вам подборку кодов для настройки .htaccess.

Почти все пункты являются обязательными, кроме

  1. редиректа и блокировки - они настраиваются по мере необходимости
  2. а также настройки ЧПУ (ЧеловекоПонятныхУРЛ) - как правило, можно обойтись функционалом CMS

Как создать .htaccess?

Все не так страшно, как может показаться:

  1. открываем блокнот
  2. пишем код (можно и потом это сделать)
  3. сохраняем документ с названием .htaccess
  4. заливаем в корень сайта (или в папку на сервере, где будем производить настройки)

15 примеров для настройки .htaccess »

Понравилась статья? Тогда подпишитесь на RSS, чтобы следить за обновлениями!

07.20

2009

8 простых трюков для WordPress

Обойдемся без вступления.

1. Запрет на индексацию определенной категории блога
Уж сами решайте, для чего это вам может пригодиться, но делается следующим образом: в header.php прописываем код

<?php if ( is_category('XX') || in_category('XX') ) {
    echo '<meta name="robots" content="noindex">';
}

где XX - это id соответствующего раздела

2. Отображение общего числа постов

<?php $numposts = $wpdb->get_var("SELECT count(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post'");
if (0 < $numposts)
     $numposts = number_format($numposts);
echo $numposts.' posts.';
?>

Еще 6 фишек для вашего блога на WordPress »

07.08

2009

9 полезных FireFox дополнений для вебмастеров

Большинство вебмастеров давно уже отказались от IE в пользу Mozilla FireFox. И дело даже не в том, что продукция мелко-мягких постоянно глючит, сколько в том, что Лиса очень хорошо настраивается и помогает оптимизировать работу. Но суть этого поста не хаять InternetExplorer (хотя 6 версия, думаю, уже порядком всех достала), а предоставить список из 9 FireFox плаггинов, которые ощутимо облегчат вам работу с ежедневными и местами рутинными процессами, благо скачать и установить их можно бесплатно :)

1. Firebug. Самое популярное дополнение. Легко интегрируется в браузер, позволяет вживую редактировать, отлаживать и изучать CSS, HTML и Javascript на любой странице.

Firebug. 9 полезных FireFox дополнений для вебмастеров

Остальные 8 плаггинов для FireFox…

05.21

2009

Антиспам плагины для WordPress, которые работают

Антиспам плагины WordPress, которые работают Вас достал спам? Устали вычищать горы левых комментариев? Не хотите больше тратить свое время и нервы? Тогда мы идем к вам!

А точнее вы идете по нижеперечисленным ссылкам, скачиваете плагины и устанавливаете их у себя на блоге.

! Рекомендую только то, то проверено лично, и в данный момент настроено на этом сайте. Моя антиспам защита включает:

1. Akismet (http://akismet.com/). Всем уже давно известен, но полностью от спама не спасает, поэтому желательно к нему доставить остальные плагины.

2. WP-SpamFree (http://www.hybrid6.com/webgeek/plugins/wp-spamfree). Очень сильные плагин, который блокирует весь спам. Правда временами прихватывает и нормальные комментарии, но их же можно потом спасти. Согласитесь, что легче одобрить 1 комментарий, чем потом вычищать сотни ненужных. Плюс: работает без капчи

Антиспам плагины для WordPress, далее…

04.15

2009

Основные поисковые запросы Google

Нужно не всем и не всегда, но если понадобится - вы знаете, где это лежит ;)

Собственно что мы может спросить у Всевидящего помимо “в контакте”, “одноклассники” и “купить ххх дешево ” (где ххх - любое искомое слово, а не только то, о чем вы могли подумать) “. Вот несколько способов оптимизации поиска в Google:

  • define:юзабилити - толковый словарь: выводит определение слова или фразы
  • spell:дакумент - проверка грамматики: автоматически проверяет правописание (если есть ошибка, то подсказывает правильное написание)
  • гимн россии filetype: mp3 - поиск по типам файлов: позволяет искать файлы по 12-ти форматам (mp3, doc, rtf, html, pdf и др.)
  • “погиб поэт” - точный запрос: заключайте запрос в кавычки, если требуется вывод результатов по точному запросу
  • верстка -полиграфия - исключение слова: позволяет исключить из запроса ненужную информацию, для этого используйте знак “-” (минус)
  • европа +столицы - принудительное включение слова: когда нужно принудительно включить слово в запрос (например, для повышения полезности/качества выдаваемой информации), используйте “+”
  • * для лисы - сокращение слова: если нужно найти фразу с неизвестным словом, используйте “*”
  • ноутбук Asus 15000…60000 - диапазон: поиск товара определенном марке в указанном ценовом диапазоне, верхняя и нижняя планка разделяются многоточием
  • safesearch: дурное воспитание - безопасный поиск: выдает результат поиска без эротического содержания
  • ~талант - поиск синонимов: если поставить знак “~” перед запросом, то помимо обычного поиска Google выведет и результаты с его синонимами
  • cache:art-shok.ru - копия страниц из кэша: выводит сохраненную страницу указанного сайта из кеша Google
  • link:art-shok.ru - список ссылающихся сайтов: выводит список сайтов, которые ссылаются на указанный (хм… как-то мало, надо заняться этим вопросом)
  • related:google.com - похожие сайты: выводит список сайтов, похожих по содержанию и тематике на указанный
  • info:art-shok.ru - информация о сайте: показывает информацию, которая есть у Google по данному ресурсу
  • site:art-shok.ru - проиндексированные страницы: выводит список проиндексированных страниц на сайте
  • rss каталоги site:art-shok.ru - поиск только по одному сайту: ищет по указанному запросу только в пределах указанного ресурса
  • allintext:примеры техдизайна - поиск только в текстах сайтов: поиск запроса в текстах сайтов (исключая заголовки или ссылки)
  • allintitle:реклама питер - поиск только по заголовкам: ищет слова, содержащиеся в теге title
  • intitle:реклама питер - поиск только по заголовкам: выводит страницы, в которых только то слово, которое расположено сразу после intitle, содержится в заголовке
  • allinurl:art des - поиск по ссылкам: ищет сайта, в URL которых есть искомый запрос
  • inurl:art des - поиск по ссылкам: слово, расположенное сразу после inurl (в даннмо примере art), будет найдено только в адресе страницы, остальные слова могут быть в любой части текста.

Как видим, поиск через google можно использовать еще и в качестве SEO-инструмента (например, поиск конкурентов по тайтлу или урл + список ссылающихся на них сайтов). Все остальное уже на ваше усмотрение.

03.23

2009

Flash поверх выпадающего меню или JavaScript (JS)

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

Суть в том, что если у Вас на сайте есть флэш, а рядом/над ним есть выпадающее меню или, например, какой-либо эффект на JavaScript, то flash будете перекрывать его, находиться поверх.

Чтобы сразу не кидаться в крайности и отказываться от флэш, идеи с меню или скрипта, предлагаю решению проблемы. Для flash добавляем следующие параметры

<param name="wmode" value="transparent">

А в embed добавляем

wmode="transparent"

Пример.

1 .Код до решения проблемы

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="125" height="125">
<param name="movie" value="images/filename.swf" />
<param name="quality" value="high" />
<embed src="images/filename.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="125" height="125">
</embed>
</object>

2. Код после решения проблемы

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="125" height="125">
<param name="movie" value="images/filename.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="images/filename.swf" wmode="transparent"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="125" height="125">
</embed>
</object>

Больше ничего не потребуется.

10.16

2008

Что делать при финансовом кризисе?

Что делать верстальшику, сешнику, дизайнеру при финансовом кризисеНет, я не собираюсь вам читать лекцию о том, куда сейчас стоит вкладывать деньги или откуда их забирать. Не собираюсь и делать прогнозы на ближайшее время, говорить, что цену повысятся, а компании начнут резко сокращать персонал и бла-бла-бла… Все-таки этот блог посвящен сайтостроению, а не выводу страны из кризиса - на это не просто дипломированные специалисты (да, у меня тоже есть диплом о верхнем образовании в данной сфере), но и опыт + мозги + какие-то возможности.

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