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

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

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

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


09.02

2009

Советы и секреты оптимизированной навигации

Добрый день! Это гостевой пост, и сегодня пишу его я - Данил. Я автор блога «Безумство одарённого студента». И сегодня я расскажу советы и секреты оптимизированной навигации. Приступим.

Советы и секреты оптимизированной навигации

“Если у вас есть свой сайт или собираетесь его сделать, то вы должны знать, что одной из наиболее важных вещей является навигация. У вас может быть один из лучших сайтов, но если там никто не может ничего найти и сориентироваться, то грош цена такому сайту. Вот я и решил написать такую статью, целью которой является рассказать 12 советов о том, как сделать более лёгкую навигацию для людей, и оптимизированную для поисковых роботов. 12 советов по оптимизации навигации сайта »

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, далее…

Бриф на сайт и дизайн сайта

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

Итак,

Бриф (от англ. brief) — краткая письменная форма согласительного порядка между рекламодателем и рекламистом, в которой прописываются основные параметры будущей рекламной кампании. (Wikipedia)

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

Скачать бриф на дизайн

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

5 вещей, которые мне заменил интернет

Подхватываю эстафету, которую передал Димок. Суть идеи: берем интернет, себя, реальную жизнь (да, она тоже существует) и анализируем на предмет того, что вы теперь с успехом из последней используете в первом. Или короче говоря: какие 5 вещей вы с бОльшим успехом используете в сети, нежели в реале.

В моем случае не было ничего неожиданного. Итак:

  1. Книги и журналы. Читать люблю, читаю много, но на все времени не хватает. Посему пришлось октазаться от печатного формата (за редким исключением), т.к. найти информацию в интернете быстрее и легче.
  2. Магазины. По большей части это книжные магазины. Потому что есть вещи, которые нельзя найти в интернете или желательно иметь еще и дома в печатном варианте. Так же магазины фото и компьютерной техники, но они больше для сравнения стоимости товаров.
  3. Кинотеатр. Качаю все с торрентов. В кино бываю только пару раз в год и то на какой-нибудь ожидаемой премьере.
  4. Справочные службы типа 09, 08, 009 и т.п. А для чего собственно нужны поисковики?)
  5. Живое общение. Социальные сети, icq, скайп рулят. Последнее время адекватные люди встречаются в основном в интернете. Нет никакого желания тратить свое время и нервы на быдло и близких к оному. Здесь все проще: достают? отправил в бан/игнор. Понравился или есть общие интересы? Тогда можно и в реале познакомиться, если месторасположение позволяет. В этом, еще один плюс интернета - никаких территориальных ограничений.

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

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

Эстафету передаю всем желающим) И с наступающими праздниками!

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-инструмента (например, поиск конкурентов по тайтлу или урл + список ссылающихся на них сайтов). Все остальное уже на ваше усмотрение.

10.23

2008

Инструкция по SEO-анализу сайта

Итак, прежде чем вы кинетесь продвигать свое драгоценное детище (а, возможно, и не свое вовсе), было бы неплохо (читай = обязательно) сначала провести экспресс-анализ.

Сегодня мы не рассматриваем такой этап, как подборка ключевых слов и описания - это отдельный разговор. Пройдемся, можно сказать, по верхушкам. На что стоит обратить внимание в первую очередь:
10 этапов seo-анализа сайта