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

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


6 мая 2009

Навес автомобиль! или Трудовой ночь SEO-копирайтера

Гостевой пост от Лушевой Анны.
Встречайте замечательного копирайтера и отличного исполнителя, с которым я работаю и рекомендую другим (скажу по секрету, что двигаем один сайтик по зарубежной недвижимости, результаты радуют).

-  -  -  -  -  -  -  -

Навес автомобиль! или Трудовой ночь SEO-копирайтераВначале может показаться, что писать SEO-оптимизированные тексты это легко, весело и приятно. Ты получаешь на двадцать центов больше, чем твои коллеги общего профиля. Ты сообщаешь всем, что работаешь SEO-копирайтером, и люди начинают тебя сильно уважать, потому что думают, что это какая-то очень престижная специальность в сфере консалтинговых услуг. Твои шедевры здорово индексируются ПСами, и это тебя наполняет тебя необоснованным чувством собственного достоинства. Как правило, ты пишешь не мимолетные новостюшки, а фундаментальный контент сайта – главные страницы и описания разделов, которые останутся в веках (или, по крайней мере, до тех пор, пока новая банда оптимизаторов не разведет сайтвладельца на бабки).

Есть в этом так же и определенный драйв – умудриться написать «продающий» текст «для людей» и незаметно нашпиговать его сотней ключей. Это все равно, что исподтишка поставить на общей кухне в коммунальной квартире аквариум, в котором вольготно плещется бегемотик. Далее о проблемах копирайта…

21 апреля 2009

Блогун для новичков. Обзор

Сервис Blogun.ru представляет собой торговую площадку, на которой встречаются желающие подзаработать блоггеры и рекламодатели, ориентированные на проведение масштабных кампаний в Интернете. Ресурс динамично развивается, на сегодняшний день на Блогуне зарегистрировано 13 000 авторов и более 5000 рекламодателей.

Собственно, каким образом происходит монетизация публичных дневников? Начиная работу на Блогуне, владелец персонального блога устанавливает в одной из записей невидимый счетчик, который оценивает сколько читателей пришло на конкретный пост за сутки. На основании этой информации и с оглядкой на такие показатели, как тИЦ, PR, авторитет по версии Yandex, дата создания сайта формируется рейтинг участника программы.

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

17 апреля 2009

Обо всем по чуть-чуть

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

Часть первая. Серьезная.

Следующие серия постов будет представлять из себя блок уроков, посвященных использованию и оформлению списков (ul, ol, li) с помощью css. Так же будут приведены примеры реализации меню с помощью списка.

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

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

11 апреля 2009

Еще +63 rss каталога

Прошлый список из 124 rss каталогов теперь пополнен еще на 63 сайта (все зарубежные). Так что теперь можете добавить rss и сюда:

  1. RSS Locator - http://www.rss-locator.com/submit-feeds.html
  2. Feedster - http://www.feedster.com/add.php
  3. DayPop - http://www.daypop.com/info/submit.htm
  4. Rocket News - http://www.rocketnews.com/search/index.html
  5. Userland - http://aggregator.userland.com/
  6. Postami - http://www.postami.com/rss.finder/submit_feed.php
  7. Security Protection Feeds - http://www.security-protection.net/submitrss.php
  8. Medical Feeds - http://www.medical-feeds.com/submitrss.php
  9. Sports Feeds - http://www.sports-feeds.com/submitrss.php
  10. Political Feeds - http://www.political-humor.net/submitrss.php
  11. Government Feeds - http://www.government-central.com/submitrss.php
  12. Educational Feeds - http://www.educational-feeds.com/submitrss.php
  13. NewsMob - http://www.newsmob.com/index.php?m=c
  14. Edu RSS - http://www.downes.ca/cgi-bin/xml/feeds.cgi
  15. Sourceforge.net - http://ngoid.sourceforge.net/sub_rss.php
  16. Complete RSS - http://www.completerss.com/AddFeed.aspx
  17. MoreOver - http://w.moreover.com/main_site/aboutus/sourcesubmission.html
  18. GeneCast - http://www.genecast.com/news/create.jsp
  19. Memigo - http://www.memigo.com/feed
  20. PubSub - http://www.pubsub.com/add-feed
  21. BulkFeeds - http://bulkfeeds.net/app/add
  22. Ping-O-Matic - http://pingomatic.com/?oldpinger
  23. Yenra - http://www.yenra.com/headlines/submit.html
  24. easyRSS - http://www.easyrss.com/?add
  25. NewsXS - http://www.newsxs.com/en/sources
  26. FastBuzz - http://www.fastbuzz.com/channels/insert_public.jsp
  27. Search4RSS - http://www.search4rss.com/addfeed.php
  28. DeskFeeds - http://www.deskfeeds.com/index.php?index=submit.inc&cat=0&name=
  29. Terrar - http://www.terrar.com/addurl/
  30. The Feed Spot - http://www.thefeedspot.com
  31. StepNewz - http://www.stepnewz.com/sn/nr_feed_add.asp
  32. RSS Verzeichnis - http://www.rss-verzeichnis.de/anmelden.php
  33. DevASP - http://www.devasp.com/search/AddRSS.asp
  34. FuzzySoftware - http://www.fuzzysoftware.com/includes/rssform.asp
  35. SourceForge - http://ngoid.sourceforge.net/sub_rss.php
  36. Feed Directory - http://www.feed-directory.com/addfeed
  37. FeedBeagle - http://www.feedbeagle.com/Feedback.aspx
  38. NewsFeedFinder - http://www.newsfeedfinder.com/suggest.php
  39. NewsFeedFinder - http://www.newsfeedfinder.com/suggest.php
  40. Newzfire - http://www.newzfire.com/suggest.aspx
  41. Shas3 - http://www.shas3.com
  42. RSS Feeds Directory - http://www.rss-feeds-directory.com/add_rss_feed.html
  43. FeedMiner - http://www.feedminer.com/addfeed.aspx
  44. RSS Clipping - http://www.rss-clipping.com/addurl
  45. Read A Feed - http://www.readafeed.de
  46. Loomia - http://www.loomia.com/addfeed
  47. Feeds2Read - http://feeds2read.net/suggestafeed.html
  48. Feedzie - http://feedzie.ziecom.com/Suggest.php
  49. RSS Portal - http://rss-portal.com
  50. RSS Feed 4U - http://rss-feeds-4u.com/n/dir/submit.php
  51. StepNewz - http://www.stepnewz.com/sn/suggest_feeds.asp
  52. StepNewz - http://www.stepnewz.com/sn/suggest_feeds.asp
  53. Thomas Korte - http://www.thomaskorte.com/archives/2005/01/submit_your_fee.html
  54. nFeeds - http://www.nfeeds.com/submit.php
  55. Auto Feeds - http://automotive-links.mustangv8.com/RSS-directory/RSS/l_op=Addrss.html
  56. News Goblin - http://rss.newsgoblin.com
  57. Wordum - http://www.wordum.com
  58. Ez2News - http://ez2news.com/submitrss.php
  59. Science Port - http://scienceport.org
  60. National Lib for Health - http://www.library.nhs.uk/rss/Directory/submitFeed.aspx
  61. FeedGod - http://www.feedgod.com
  62. FeedBees - http://www.feedbees.com/add.php
  63. RSS Mountain - http://www.rssmountain.com/submit_anonym.php

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

11 апреля 2009

jQuery пример: красивая смена текста за 10 минут

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

Ничего сложного в данном уроке нет и займет он в среднем минут 10 (при чем у меня большая часть времени ушла на подготовку фона для примера - пришлось выверять с картой где какие города находят). Чтобы понять о чем речь - смотрим пример.

Демо | Скачать
3 шага для анимации текста »

8 апреля 2009

jQuery пример по замене фоновой картинки для отсутствующего изображения

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

jQuery пример, фоновая картинка для отсутствующего изображения

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

jQuery пример, фоновая картинка для отсутствующего изображения

Создайте изображение, подключите фреймворк и добавьте следующий код:

$(document).ready(function() {
    $('img').error(function() {
        $(this).attr({
        src: 'missing.png',
        style:'border:3px solid #999;width:144px;height:144px;'
        });
    });
});

Автор статьи - Alex Ilin