15 дизайнерских приемов, которые чаще всего используются на сайтах Web 2.0.

На сайте Web Design From Scratch было опубликовано подробное руководство по дизайну Web 2.0. Оно представляет из себя список из 15 дизайнерских приемов, которые чаще всего используются на сайтах, так называемого, «нового» поколения.

• Простота.
  На странице должно быть как можно меньше элементов, ничего лишнего. Из двух решений всегда лучше то, которое проще. Взгляд посетителя фокусируется на контенте, упрощается навигация.
• Центрированная разметка.
  По сравнению с дизайнерской модой прошлых лет сейчас гораздо больше сайтов располагаются по центру в браузере, а не растянуты на весь экран или смещены влево. Поскольку дизайн Web 2.0 проще и экономичнее, то на таких сайтах всегда есть много чистого белого пространства.
• Меньше колонок.
  Несколько лет назад дизайн в три колонки был нормой, а частенько встречались даже четыре. Сегодня две колонки никого не удивляют, а три – общепринятый максимум.
• Отдельная верхняя секция.
  Вверху страницы располагается горизонтальная секция, которая отделяется от всего остального контента. Конечно, в этой идее нет ничего нового и она используется уже давно, но сейчас она стала по-настоящему общепризнанной.
• Цветные блоки.
  Не только верхняя секция, но и другие элементы тоже могут быть явно выделены цветом.
• Простая навигация.
  Меню навигации, которое отображается на каждой странице сайта, должно быть большим, понятным и простым. Что касается гиперссылок, то они должны четко отличаться от всего остального контента на странице.
• Увеличенный кегль.
  На сайтах Web 2.0 размер шрифта обычно больше, чем на сайтах «прошлого» поколения.
• Вставки большого текста.
  На многих сайтах встречаются заголовки, логотипы и надписи экстремально большого размера.
• Четкий логотип.
  Ясный, мощный и сильный бренд создается с помощью заметного и запоминающегося логотипа.
• Использование насыщенных цветов.
• Градиенты.
• Отражения.
• Изящные пиктограммы.

Read More...

Summary only...

AdSense в заголовке блога

Чтобы поместить рекламу AdSense в заголовке надо ...

Зайти в редактирование кода HTML, можно мне уже не рассказывать как это делать?
И перемотать код до вот такого места:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' preferred='yes' showaddelement='yes'>

Необходимо
изменить во второй строке, ну или же между вторыми значками <>
так, чтобы было как у меня в примере и сохраниться. Затем зайти в
шаблон и засвидетельствовать, что появилось новая секция в заголовке
вашей страницы 'Добавить элемент страницы'.
Урра!

Теперь туда можно вставлять хотите код, полученый через AdSense посредством HTML/JavaSsript, хотите через виджет AdSense - в общем теперь вы короли рекламы AdSense.

Read More...

Summary only...

How can I make show/hide links for my posts?

How can I make show/hide links for my posts?

Note: This article assumes you are using a classic template (without the Layouts features).

This is a trick that's particularly useful on blogs with very long
posts. What happens is that a reader will only see the titles of your
posts at first, so they can skim through and see what they want to
read. Then, when they want to read a post, they can click a link to see
the full text. The text can then be hidden again when they're done
reading. This all happens on one page, so there is no extra navigating
to or loading of other pages. You can give it a try here:

This is a Long Post

Well, okay, it's not really all
that long, since I don't have a whole lot to say here. But I ought to
put at least a decent paragraph here so you can get an idea of how this
will all work. Anybody know any good jokes? C'mon, somebody must. Do I
have to do this all myself? I guess so. Not that it really matters, of
course, since there's no point in carrying on too long. Go back and
read the rest of the article! (You can click the link below to hide
this entry again.)

[+/-] show/hide this post

There are three ingredients that go into this feature: CSS,
Javascript, and of course, Blogger template tags. So let's go through
it step by step.

CSS

This is the simplest part. We need a couple classes that either hide
posts or show posts, so you can just paste these two lines into your
style sheet:

.posthidden {display:none}

.postshown {display:inline}

Your style sheet is usually near the top of your template, between the <style> and </style> tags. If you have your style sheet in a separate file, you'll just add these lines to that file instead of to your template.

Javascript

Add the following code to your template, between the <head></head> tags:

<script type="text/Javascript"> 

function expandcollapse (postid) { 

   whichpost = document.getElementById(postid); 
   
   if (whichpost.className=="postshown") { 
      whichpost.className="posthidden"; 
   } 
   else { 
      whichpost.className="postshown"; 
   } 
} 
</script>

This is the function that we'll use below to show or hide the post.
We just give it the ID number of a particular post, and it changes that
post from one CSS style to another.

Blogger Tags

Now that we've got our tools in place, we can actually apply them to our posts. In between the <Blogger></Blogger> tags in your template, you'll see the section where the posts are displayed. The code we'll use here looks like this:

<BlogItemTitle> <$BlogItemTitle$> </BlogItemTitle>
   <span class="posthidden" id="<$BlogItemNumber$>1">
      <$BlogItemBody$><br />
   </span>
   <a href="javascript:expandcollapse('<$BlogItemNumber$>1')">
   [+/-] show/hide this post</a>

You can, of course, modify this to suit your template. For instance,
you may want to have other formatting tags in there, and probably other
code for your byline, or comments. The "[+/-] show/hide this post" text
can be changed as well.

The most important part of this code is the <span> wrapper around the <$BlogItemBody$> tag. You can see that this section starts out being hidden, and it uses <$BlogItemNumber$>1
to create a unique ID. (The extra "1" is to make sure it is unique, in
case your template is already using the blog item number for something
else, like a permalink.) The Javascript link uses the same ID number to
make sure that we show or hide the correct post.

Once you've got everything in your template, just save the changes
and republish. The new format will automatically be applied to all of
your posts, without having to change anything else.

Notes:

• As with any template
  modifications, you should be sure to save a backup copy of your
  template before you start. Just copy and paste all your code to a text
  file on your hard drive, so you'll have it there as a replacement in
  case anything goes wrong.
• An alternative to the show/hide method is to use post summaries. Each method has its own advantages and disadvantages.
• Advantages to this method: Only the template needs to change, with no modification required for your posts.
• Disadvantages: Only the title of each post is displayed, with no
  summary information. The feature is applied to all posts, rather than
  letting you selectively apply it (for instance, only on long posts).

http://help.blogger.com/bin/answer.py?answer=42214

Read More...

Summary only...

Умклайдет: TODO List - что именно мне нужно в новеньком

Умклайдет: TODO List - что именно мне нужно в новеньком: "TODO List - что именно мне нужно в новеньком блоге обязательно не забывать сделать

Я периодически завожу новый аглоязычный блог на blogspot'е - точнее, сплог - альманах чужого, но кастомизированного для придания уникальности, контента.
Однажды меня задрало вспоминать, что именно мне нужно в новеньком блоге обязател"

Read More...

Summary only...

Умклайдет: Как настроить блок AdSense в верхнем левом углу

Умклайдет: Как настроить блок AdSense в верхнем лево�: "Как настроить блок AdSense в верхнем левом углу

Мне несколько раз приходили подобные вопросы:

...я достаточно много читал заметок о сплогах, смотрел на сплоги профессионалов, опять же CrazyEgg.com подтверждает, что наиболее кликабельным местом на блоге является левый верхний угол статьи.
У тебя изменен шаблон в бло"

Read More...

Summary only...

автонаполнение блога

Вам хотелось бы сделать автонаполняемый блог на блогспоте?
Для этого вам понадобиться:
1. Аккаунт от гугла
2. Сервис http://www.rss2email.ru/ или аналог(Суть в том, что бы он отправлял RSS на необходимый email адрес)
3. Ленты RSS многа штук необходимой тематики
Создаем новый блог на блогспот, бежим в настройки, находим постинг по email, включаем его, и получаем специальный адрес вида im9_bloga.xren@blogspot.com , бежим на http://www.rss2email.ru/ и добавляем новые ленты на этот маил, через некторое время наблюдаем как чудесным образом блог сам начинает наполняться необходиммым контентом.
Для примера, вот вам - http://warezno1.blogspot.com
Ни где кроме как на лайвинтернет не регал

Read More...

Summary only...

Техническое задание на оптимизацию сайта стоимостью 250$

1. Необходимо добавить 301 редирект с версии без www, на www. Это необходимо для избежания канонической проблемы. Весрия keyboardmaniac.com и www. keyboardmaniac.com могут быть проиндексированы гуглом. Дублированные страницы могут послужить причиной фильтра на дублированный контент. Для того чтобы сайт был уникальным в глазах гугла у каждой страницы должен быть только один url. Вот здесь подробно о том как установить 301 редирект http://www.tamingthebeast.net/articles3/spiders-301-redirect.htm

2. Во всех тайтлах старайтесь избегать однообразного KeyBoard Maniac. Тайтлы должны быть на 100% уникальными. К каждой странице надо составить уникальный тайтл с нужным ключевым словом(в соответствии с ключевыми словами самой страницы)

3. К каждой странице нужно написать УНИКАЛЬНЫЙ тэг description. Сейчас у вас все страницы имеют description:
Keyboard Maniac - Keyboard Macro. Keyboard Maniac allows you to easily bind keys or key combinations to specific actions, use your mouse buttons

4. Вот эту страницу нужно будет убрать через robots.txt http://www.keyboardmaniac.com/pad/app-00711237914/site-0062101e758/lng-eng/keyboardmaniac.xml поскольку она абсолютно неинтересна гуглу и только засоряет выдачу сайта

5. Нам нужно будет подключить каталог ссылок linkexchanged.com для планирования и ведения компании по обмену тематическими ссылками

6. Если у вас будет возможность, нужно будет также добавить Ваши пресс релизы с прямой ссылкой на сайт во всех Social Media сайтах а ля MySpace, Digg.com

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

8. Ссылку на главную страницу нужно сделать вида http://www.keyboardmaniac.com/ и именно в таком формате ссылаться на главную со всех страниц сайта.

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

10. Обязательно подключите аналитику гугла, если вы еще этого не сделали google.com/analitycs

11. Конкуренция по таким кейвордам как keyboard, shortcut, macro, script, remap очень высокая. По таким односложным словам мы вывести в лидеры сайт не сможем, да это и не нужно, поскольку нам нужен целевой трафик. Гораздо важнее для нас будет тактика работы с двусложными, или трехсложными словами с присутствием вышеупомянутых кейвордов. Для того чтобы сайт высоко ранжировался по всем оптимизированным нами кейвордам нужно не только провести внутреннюю оптимизацию страниц – контент, ссылки, мета тэги, но и подумать о внешних факторах, которые будут влиять на выдачу – внешние прямые ссылки в ключевом тексте(Anchor text backward links). Нам нужно будет те кейворды, под которые мы настроим страницы, ставить во внешних ссылках на сайт. Причем ссылки эти должны быть разнообразны по тексту. Чем больше вариаций, тем лучше, гугл не любит однотипный текст внешних ссылок.

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

13. Поисковая оптимизация Вашего сайта будет включать в себя:


а) Создание уникальных тэгов title и description для каждой страницы сайта с нужными ключевыми словами

b) Создание правильной внутренней структуры ссылок на сайте(желательно на каждую страницу ссылаться в ключевом тексте)

c) Обязательное доминирование нужных ключевых слов в контенте страниц

d) Поиск внешних ссылок на сайт(ссылки должны быть с тематически близких сайтов, желательно в ключевом слове). PageRank играет второстепенную роль в определении Trust Rank сайта. Главное – размещать ссылки на сайтах, которые не имеют нулевого PageRank, легко находятся в выдаче гугла и у них нет спама на сайте(дорвеев, линк фарм и т.д.).

e) Изучение методов работы конкурентов. Вы всегда должны анализировать своих конкурентов и смотреть кто ставит на них ссылки. Определить это легко, либо через команду link, либо просто набрав урл сайта в троке поиска Google. Такая тактика позволит быстро искать ссылки для сайта и новые источники трафика.

f) Обязательное пополнение сайта свежими статьями, хотя бы раз в неделю

g) Настройка каталога ссылок на сайте(На каждой странице не более 25 ссылок, страница со ссылками не должна называться links.html, на каталог ссылок нужно будет ссылаться со всех страниц сайта включая главную).



14. Обмен ссылками
Для того чтобы обмениваться ссылками в linkexchanged.com можно напрямую отсылать link requests сайтам. Можно воспользоваться либо default-текстом emails, либо написать самим. Суть в том чтобы предлагать обмен только тематически-близким сайтам. Все будет происходить в автоматическом режиме. Accept this link exchange или deny link exchange. Все просто.

15. Ссылки на сайт желательно ставить не только на главную страницу, но и на внутренние страницы. Такие сквозные ссылки ценятся гуглом, потому как считаются более естественными. Им дается больший вес

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

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

18. В MSN присутствуют все ваши страницы, с этим поисковиком у нас не будет проблем.

19. Вы должны как можно чаще анализировать листинг своего сайта в Google, это делается командой site:, или тоже самое в Google Webmaster Tools. В случае, если вы будете находить криво проиндексированные страницы, дублированный Контент, или урлы с большим количеством параметров, такие страницы надо будет удалять из индекса. Это можно сделать либо с помощью 301 редиректа, либо с помощью Google Removal Tool http://services.google.com:8882/urlconsole/controller?cmd=requestStatus

20. Безусловно Ваш сайт нужно добавить в директорию DMOZ(вот этот раздел http://dmoz.org/Computers/Software/Shareware/Windows/Utilities/Desktop_and_System/ ), по возможности в Yahoo.

21. Для того, чтобы уже сейчас настроить трафик на сайт я предлагаю настроить рекламную компанию в Google Adwords и Yahoo Search Marketing. Для этого мне понадобятся короткие рекламные слоганы, которые мы будем пиарить в Network гугла. Это все мы обсудим отдельно. Нужно будет настроить компанию и в ручном режиме просчитать Ваш ежемесячный рекламный бюджет, отследить трафик и посчитать Ваш ROI(возврат инвестиций), CRT(click throw rate) с помощью Google Tracking Software. То есть у вас будет реальная статистика того, кто и по какому объявлению скачал Ваш софт. Это даст четкую картину возврата Ваших инвестиций. Сейчас гугл запустил также новый сервис, Pay Per Action который, в отличии от модели Pay Per Click, работает по принципу «Оплата за фактическую продажу». То есть вы ставите цель – продажа Вашего софта в настройках и если продажа проходит, только после этого с Вас взимается плата за посетителя. Всю настройку компании я беру на себя, в нее будет входить вся базовая подготовка компании. Дальше вы сами сможете ее вести.

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


auto macro recorder
window macro recorder
easy macro recorder
free macro recorder
macro recorder for xp

keyboard hotkey
keyboard utility
keyboard macro
keyboard macro program
keyboard macros
keyboard layout manager
change keyboard layout

mouse macro
mouse and keyboard utilities

hot keys
hot key
hotkey
hotkeys
hotkeys manager
hotkey definition
hotkey keyboard
hotkey utility
hotkey tool
hot key on keyboard
virtual hotkey
date hotkey insert

program launcher
quick launch button
window keyboard shortcut utility
window hotkeys
window shortcut
window shortcut key
window remap keyboard

remap
remap keyboard
remapper



23. Изучение конкруентов в Вашей нише


24. Вот список Trust Rank каталогов в которые нужно будет добавить Ваш сайт, чтобы иметь высокие позиции в Google, Yahoo, MSN. Эти каталоги имеют высокий рейтинг доверия у поисковиков и ссылка с них будет позитивно отображаться на Ваших позициях в поисковых системах.
Регистрация в каталоге Business $199 flat annual fee

Advancescripts.com - бесплатно
http://www.joeant.com/DIR/add_URL/1242/Directory_|_Entertainment - One Time Fee - US$39.99
http://www.gimpsy.com/gimpsy/searcher/suggest.php - The cost of the Promotion Option is just 40 USD!
http://www.goguides.org/addurl.html - $69.95
http://www.uncoverthenet.com/add/18/1.php - $49 one-time
http://sbd.bcentral.com/addsite.aspx - $49 per year!
http://new.exactseek.com/add.html - Free ExactSeek | SiteProNews | Blog-Search | EzineHub | Best-SearchEngine | GoArticles | SEO-News | FreeWebSubmission
http://submit2.jayde.com/ - Free
http://botw.org/helpcenter/submitcommercial.aspx - $69.95 annually recurring review fee
$199.95 one-time review fee
http://www.entireweb.com/express_inclusion/ - $24.00
http://www.webmastercatalog.com/submit.php - 2.99
http://www.bigwebmaster.com/add-premium.cgi - $35.00 USD
http://www.geekvillage.com/cgi-bin/webmaster_directory/user.cgi?url=http%3A%2F%2Fwww.geekvillage.com%2Fcgi-bin%2Fwebmaster_directory%2Fadd.cgi&from=add - Free
http://www.voisd.com/submit.php - 9.99
http://www.webmasterlead.com/register.php - Free
http://www.irkawebdesign.com/dir/submit.php - Free
http://www.sitepronews.com/wresources.html - Free



Выводы и комментарии:Проанализировав Вашу нишу и конкурентов, а также принципы раскрутки подобных сайтов, можно сделать следующие утверждения:

1. Аппелировать к высокочастотным кейвордам а ля keyword shortcut, keyboard, macros, shortcut, multimedia keyboard и т.д. не имеет смысла, так как конкуренция очень высокая и тем более нам нужен целевой трафик

2. Настраивать сайт нужно под тематические кейворды по которым нет такой бешенной конкуренции, это даст свои плоды. Можно захватить кейворды связанные с словом hot key, а также keyboard macro program, Keyboard layout manager, keyboard macro program и другие схожие слова. Их мы отедельно подберем для каждой статьи.

3. Соперничество практически по всем тематическим словам, в которых нет сайтов Microsoft, google, palm. Apple и так далее идет в основном с каталогами софта, то есть вашими непрямыми конкурентами. Их козырь заключается в большом количестве страниц на сайте, но побороться с ними можно вполне

4. Особенностью Вашей ниши является подход к поиску обратных ссылок на сайт. Вас могут добавить сотни и тысячи софтверных каталогов, причем ссылки с таких каталогов будут высоко цениться из-за позитивного отношения к ним поисковых систем. Кроме того страница с вашим листингом будет также на первых местах выдачи с этих каталогов, поэтому этим нужно воспользоваться. Более того, размещение таких ссылок без прямого обмена ссылками цениться намного выше нежели reciprocal linking. Начать поиск ссылок надо именно с таких каталогов, а потом уже подключать link exchange. Но лучше действовать комплексно.

5. Постарайтесь накапливать как можно больше контента на сайте и начинайте темы в Yahoo Answers, Google Croups, добавляйте пресс релизы в social media и на Вас будут ставить ссылки. Трафик с социальных сетей не является нашей главной целью, поскольку он не ценится так высоко как поисковый.

Read More...

Summary only...