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

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

21 04

2009

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

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

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

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

17 04

2009

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

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

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

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

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

15 04

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 04

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 04

2009

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

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

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

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

08 04

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

02 04

2009

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

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

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

31 03

2009

«Новорождённый» HTML 5: маленький шаг в большое будущее

Сегодняшний пост является гостевым, автор статьи - компания Optimism.ru:

Email для связи: info@optimism.ru

———————-

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

Например, в Internet Explorer не поддерживается «официальный» XHTML: даже если код написан на этом языке, IE всё равно обрабатывает его тем же синтаксическим анализатором, что и устаревший HTML, лишая самого себя шанса продемонстрировать все преимущества XHTML.

Невероятно, но факт: сегодня Интернет прекрасно обходится и без новых технологий. Сайты исправно обрабатывают информацию, работают поисковые системы и сотни самых разных сервисов.
Что нам даст появление HTML 5 и кода это будет

31 03

2009

+14 сайтов к имеющимся 110 куда добавить RSS

К списку уже имеющихся 110 RSS каталогов добавлено еще 14 новых.

Русские:

  1. Яндекс блоги - http://blogs.yandex.ru/add.xml
  2. Блоги на inf.by  - http://blog.inf.by/?page=65021
  3. BlogRate - http://blograte.ru/
  4. JumpLink - http://www.jumplink.ru/addurl.php
  5. iBlogger - http://iblogger.ru/
  6. MRSS - http://www.moben.ru/mrss/
  7. News RSS Tu2 - http://news.rss.tu2.ru/new_rss_can.php
  8. Суббота - http://subbota.co.ua/index.php?nma=blog&fla=add
  9. Catalog GPMV - http://catalog.gpmv.ru/add/1
  10. Web100 Каталог RSS-каналов - http://rss.web100.kz/add-rss-feed.html
  11. Directory MBlog - http://directory.mblog.ru/add.php
  12. ДоброБот - http://dobrobot.com/

Буржуйские:

  1. BlogPulse - http://www.blogpulse.com/submit.html
  2. BoingBoing - http://boingboing.net/suggest.html
30 03

2009

О планах

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

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

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

И опять же просьба к читателям: оставляйте заявки на интересующие вас темы :)