Tutorial SEO DINÂMICO Para Blogger: Meta tags de descrição e palavras chaves

Olá galerinha do Dicadedica...
Hoje vou ensinar uma otimização para blogger blogspot ser bem indexado no google e resolver o problema de meta tags e descrições repetitivas que o blogger tem por padrão enquanto a recomendação é que cada página tenha suas próprias descrições títulos e palavras chaves exclusivos, para isso iremos aprender a customizar estas tags para que seja adicionados sozinhos de forma dinâmica e sem necessidade de usar geradores e programas que só atrapalham em alguns casos. 495qrbefsm

Gere automaticamente suas Metatags títulos e descrições exclusivas


Se você pretende fazer uma boa otimização no seu blogger você deve conhecer a ferramenta para webmaster do google, ela foi meu ponto de partida na otimização do meu blogger e quem está começando a pratica do SEO agora, deve ter tido alguma dificuldade em eliminar a quantidade Páginas com meta descrições duplicadas, e para fazer isto só vejo duas formas. A primeira é entrar em cada pagina que o webmaster tools informou que está duplicado e alterar sua descrição e palavras chaves, a outra é a que vou encinar mechendo no código do blogger para que as metatags sejam criadas dinamicamente.

PRIMEIRO PASSO

Como sempre, faça primeiro um backup do codigo fonte do seu blogger:
1 - Painel de controles
2 - Layout
3 - Editar HTML
4 - Baixar Modelo completo

SEGUNDO PASSO

Ainda em Editar HTML, clique em qualquer parte do código fonte do seu blog e depois precione [CTRL + F] , para abrir a caixa de dialogo pesquisa, nesta caixa digite para localizar o seguinte trecho de código:

<title><data:blog.pageTitle/></title>

TERCEIRO PASSO

Substitua o treco encontrado pelo código abaixo:

<code>
<b:if cond='data:blog.url == "http://SeuBlogger.blogspot.com/"'>
<title><data:blog.pageTitle/></title>
<meta content='DESCRIPTION' name='Sua descrição da primeira página'/>
<meta content='KEYWORDS' name='Suas Palavras Chaves da primeira página'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/>:<data:blog.title/></title>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Keywords'/>
</b:if>
</code>


QUARTO PASSO
Lembre-se de mudar as seguintes configurações no código acima, para funcionar no seu blogger:

- http://SeuBlogger.blogspot.com/
- Sua descrição da primeira página
- Suas Palavras Chaves da primeira página

Pronto, assim sua primeira página ficará com títulos, descrições e palavras chaves diferentes nas metatags, enquanto isso, todas suas página internas terão títulos e descrições copiadas dos títulos e descrições de suas postagens e as palavras chaves serão rastreadas a partir de seus marcadores das postagens.

Fonte do código e conteúdo adaptado e traduzido do site http://chaitanyapatel.wordpress.com

Outra coisa,clique para ver um truque de seo que não é divulgado muito na internet e tem uma boa eficácia, e para mostrar as melhores postagens do seu blogg existem este widgets também linkados nesta página.

Teste e comente, para ver o funcionamento basta olhar a barra de título ou o código fonte de cada página e ver as tags de descrição.

Qualquer coisa, COMENTA VLW!!!!

Dicas de jogos: Gerador Mega Sena para o seu Blog

Olá galera, quem quer ganhar na Mega-Sena, bastante gente não é mesmo, pensando nisto foi que desenvolvi um gadget par você inserir no seu blog, o widget foi feito na tecnologia flash e funciona da seguinte forma:

Gera 6 numero aleatórios e diferentes entre 01 e 60

No seu blog vai ficar assim:
Estes números são gerados aleatóriamente e por isso não estou dizendo que você tem mais ou menos chances de ganhar usando o widget apenas estou tentando dizer que, se você colocar este widget no seu blog irá atrair os jogadores que não tem a menor idéia de que número jogar irá até o seu blog toda vez que quiser criar um novo jogo, assim o seu blog irá ganhar muitas visitas com o retorno dos seus usuários.

Achou legal? Para instalar é só acessar e clicar em GET WIDGET que está em verde no site:
http://www.widgetbox.com/widget/gerador-de-numero-megasena
www.dicadedica.com


TOP Comentáristas - Widget

Adicione ao seu blog o widget TOP Comentaristas do UFO Nordeste e veja quem mais comenta em seu blog.


1. Entre no modo Layout do seu blog e escolha um elemento HTML/JavaScript


2. Cópie o código abaixo e cole:


<style>
#topcoment li{
padding-left: 30px;
background: url(http://img440.imageshack.us/img440/4499/usersvu9.png) no-repeat top left;
border-bottom: 1px dotted #333;
}
</style>
<div id="topcoment">
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul>');
var i;
for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ul>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2FURL DO TEU BLOG&num=7&filter=Rosa" type="text/javascript"></script>
</div>
<span style=" bloquear o Widget"><b>Widget by</b> <a href="http://ufo-nordeste.blogspot.com/2009/06/top-comentaristas.html">UFO Nordeste</a></span>

Troque URL DO TEU BLOG pelo endereço do seu blog

Obs1: Não retire os créditos, senão o código não funciona.
Obs2: O texto é o mesmo do meu blog.

Hack Blogger: Linkou? Apareceu aqui no Widget

Hoje vou ensinar a colocar o RSS dos últimos blogs que colocaram um link para o seu blog,

Porque colocar o RSS FEED "Linkou? Apareceu aqui no Widget" no meu blog?

Para aumentar suas visitas lógico! Mostrar o Hack dos últimos que te linkaram em um hack widget no seu blog, irá influenciar e até impulsionar que mais e mais vezes outros sites e blogs te linkem, já que sempre que algum link novo é apontado para o seu site ele aparece automaticamente no topo da lista. assim também seu blog vai está sempre apontando para outros blogs que te mandam visitas e estão em constante atualização, já que o widgets mostra apenas os blogs com links mais recentes.

Eu já tinha colocado este widget que mostrava quem tinha me linkado antes, porém eu retirei porque o mesmo não funcionava direito e apontava apenas para pessoas do meu blogroll, então decidi olhar o fonte e modificar alguns parâmetros da busca e cheguei ao seguinte url
Endereço do RSS:
---------------------------------
http://blogsearch.google.com/blogsearch_feeds?hl=pt-BR&q=link:http://dicas.dicadedica.com/&lr=&safe=images&scoring=d&ie=utf-8&num=10&output=rss
---------------------------------

Passo a Passo:
Então para descobrir os últimos blogs que colocaram links para suas postagens ou para sua página inicial, apenas siga os seguintes passos:

  1. No endereço do rss acima, substitua todo o trecho em vermelho que equivale ao endereço do blog pelo endereço do seu blog ou site.
    (Pode usar o bloco de notas para editar o endereço)

  2. Agora conforme a figura 1 acesse o painel de controles do seu blogspot clicando aqui:
    blogger.com


  3. Fazendo igual a figura 2 clique em Layout




  4. Seguindo a figura 3 clique em Adicionar novo elemento de página



  5. Escolha o elemento FEED rss veja na figura 4




  6. Por último copie e cole o endereço do lincoume já com o url do seu site ou blog alterado.

Pronto, agora é só esperar alguem te linkar e eles vão aparecer na sua lista, aproveita e linka o http://dicas.dicadedica.com e apareça na minha lista também ok!!!

Mais fácil do que isso impossível..., mesmo assim, qualquer eventualidade é só comentar, terei o prazer em ajudar...

byTagg.com - Widget leitor de RSS para PC


Agora virou mania na blogosfera, nunca ficou tão fácil seguir blog e sites pelo conteúdo. isto já era visível no twitter e agora a moda é no byTagg.



Para o Usuário

O novo widgets para desktop que permite visualizar em tempo real as notícias divulgadas em vários sites via rss chama-se byTagg, e como ele você vai ficar a par de todas as notícias divulgadas no dicadedica, sem precisar visitar o blog para isso.






Para os Bloggers

O site www.byTagg.com é a nova mania na bloggosfera, com ele seu usuário fica bem informado e pode saber se seu blog foi atualizado via rss feed ou atum instantaneamente, e com a opção seguir este blog, se você se cadastra como afiliado byTagg irá receber retorno de 3 formas.

1 - Aumento das visistas do blog - Quando os leitores instalam o pluguin widget apartir do seu blog ou site, ele já vem com o seu feed rss pré instalado o que facilita a visualização do seu conteúdo e quando o usuário clicar em ler mais, será redirecionado diretamente para seu blog.

2 - Ganhe dinheiro com byTagg - Isto é simples você pode ganhar dinheiro utilizando o bytag você ganha 50% da publicidade gerada apartir de seu rss sempre!

3 - Quando um usuário faz download do byTagg, o afiliado ganha 100% da publicidade no primeiro mês desse usuário!


Pronto você já tem os motivos agora baixar o seu byTagg aqui. Obrigado!

Caixinha link-me para divulgar os banners do seu blog

Caixinha link-me é o nome dado ao widget usado na divulgação dos banners de um blog. Eu conheço dois modelos:

No primeiro, podemos gerar o código em sites como o Mais Blog. Para tanto, é preciso já ter um banner hospedado e seguir as instruções do site. O código gerado, deverá ser colado nos gadgets do Blogger, em HTML/Javascript.


Para utilizar o segundo modelo, basta copiar o código abaixo, fazendo as seguintes alterações:
  • inserir o endereço (url) do banner e do blog, nos campos indicados em vermelho.
  • inserir o nome do blog nos locais indicados em verde
<div
style="border: 1px dotted rgb(204, 204, 204); padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center;">
<img style="border: 1px solid rgb(0, 0, 0);" src="URL_DO_BANNER" /><br/>
Divulgue o (nome do blog)<br/>
<input onfocus="this.select()" value="&lt;a target=&quot;_blank&quot; href=&quot;URL_DO_BLOG&quot; title=&quot;NOME_DO_BLOG&quot;alt=&quot;NOME_DO_BLOG&quot;&gt;&lt;img src=&quot;URL_DO_ BANNER&quot; style=&quot;border: 1px solid #000000&quot; /&gt;&lt;/a&gt;" type="text" onmouseover="this.focus()" style="color: rgb(153, 153, 153); margin-top: 0.5em;" size="20"
name="Banner"/></div>

Troque o nome do autor do post por link ou imagem

Aprenda com esse tutorial a transformar o nome do autor das postagens em link ou imagem.
É bem simples, siga passo a passo e você não vai encontrar dificuldades:

1º- Transformar em link:

1º - Faça login no Blogger, entre em "Layout" -> "Editar HTML". E ative a caixa: "Expandir modelos de widgets".

2º - Procure (Ctrl + f) por:
<data:post.author/>
3º - Substitua esse código por:
<a href='URL DO SITE DESEJADO' target="_blank"><data:post.author/></a>
Agora coloque no lugar de "URL DO SITE DESEJADO" o link em que vai ser direcionado à pessoa que clicar em seu nome.

4º - Teste, se tudo ficou como deveria... Salve!

Créditos ao Paulo Estevão

2º- Transformar em imagem:

1º - Faça login no Blogger, entre em "Layout" -> "Editar HTML". E ative a caixa: "Expandir modelos de widgets".

2º - Procure (Ctrl + f) por:

<data:post.author/>

3º - Substitua esse código por:
<a href='URL do site desejado' title='Sobre'><img src='URL da imagem'/></a>
Agora coloque no lugar de "URL DO SITE DESEJADO" o link em que vai ser direcionado à pessoa que clicar e em URL DA IMAGEM coloque o endereço da sua imagem .

4º - Teste e salve!

RSS >> Icones Feeds Coleção Definitiva em PNG!

rss_by_sniffels

Hoje estava procurando na internte icones gratúitos e chamativos para divulgar o rss do dicadedica, e achei várias páginas interessantes, e tambem um site que continha a união de todas as coleções dos ícones rss de feeds gratúitas para colocar no seu site ou blog.
Gif, PNG, Rar.


BittBox
8 different colors - various sizes and formats. Illustrator, EPS, SVG, PNG, and JPG formats.

BittBox

UtomBox
Available in PNG format. Part of a larger set.
UtomBox

snap2objects
30 free icons in PDF vector format.
snap2objects

Vikiworks
Part of a Social Bookmark Iconset.
Vikiworks

Fasticon
Fasticon

Part of a set of Social Bookmark Icons.
Fasticon

Fasticon

zeus box
A whole set using PNG format.
zeus box

WebFruits
From (max)Icone Blog - Set 1
WebFruits Icons 1

From (max)Icone Blog - Set 2
WebFruits Icons 2

GoSquared
Available in Illustrator or JPEG versions.
GoSquared

Vector icons available in 5 different colors and in Illustrator, SVG, and JPEG formats.
GoSquared 2

PhotoshopCandy
Layered PSD available.
PhotoshopCandy

Perishable Press
In PNG format.
Perishable Press

Bartelme Design
Available in PNG and Illustrator formats.
Bartelme Design

Kapowaz
Available in PNG format as well as the original PSD.
Kapowaz

FreeIconsWeb
16 icons set in PNG, ICO, and ICNS formats.
FreeIconsWeb

Play Like A Girl
My personal favorite. Available in PNG format and the original PSD.
Play Like a Girl

Arzo Icons
Available in PNG format.
Arzo Icons

Randa Clay Design
Available in PNG and EPS formats.
Randa Clay Design

Ps graphiX
Available in PNG format as well as the original PSD.
Ps graphiX

Abdussamad Abdurrazzaq
Available as an animated gif.
Abdussamad Abdurrazzaq

Spheres Graphics
Available in PNG format.
Spheres Graphics

Spheres Graphics 2

Subtraction
Available in PNG format an in original PSD.
Subtraction

Dr. Web
Original PSD available and samples of lots of variations as gifs.
Dr. Web

DevilCry
Available in PNG format.
DevilCry 1

DevilCry 2

DevilCry 3

SimDes
Available in PNG format.
SimDes

Valentina Olini
Available in PNG format.
Valentina Olini

From deviantArt:

~nam0
namo1

namo2

carlnewton
Carl Newton

leoparn
Available in PNG format.
leoparn

jb55
jb55

petemh
petemh

Feeling inspired now? Want to make your own?

Feed Icons
Featuring a devlopers kit with AI, EPS, SVG, PSD, PDF, PNG, JPG, and GIF formats included.
Feed Icons

Want to start from scratch? Check out these tutorials:

Photoshoplovr.com
The original PSD is available as well as a tutorial on how to make them.
Photoshoplovr.com

Pixel Hive Design
A Photoshop tutorial.
Pixel Hive

PhotoshopCandy
The PSD is available upon request.
Photoshop Candy Tutorial

Spoon Graphics
Illustrator Tutorial.
Spoon

CMXtraneous
A Fireworks tutorial plus a PNG file.
CMXtraneous


Similar Posts:


This post is tagged



Explore Recent



Comic Book Conventions.com - The Web's Best Convention Calendar
Happy Catholics - Catholic Gifts, Art, and More!
Advertise on Design Bliss




Acesse os sites das coleções!!!
Vai ser difícil encontrar uma galeria maior do que está.

De uma olhada nesta Lista

Paper feed icons

paper_feed_icons_by_narjisnaqvi2

Hat RSS Icon

hat_rss_icon_by_loafninja

Wax Seals

wax-seals

RSS Bot

rss-bot

345 Free RSS Icons

345_free_rss__icons_by_studiom6

RSS

rss_by_sniffels

RSS icons

rss_icons_by_sniffels

Rss Icons Orb v2

shiny-iconsi

Feedicons 2

feed-icons

RSS Icons

illustation-rssjpg

Circle Feeds Icons

circle-feed-icons

RSS NEWS

rss-news-icons

RSS Icons

rss_icons_by_curtivearticide

Toast Feed Icon

toast

Rss icons - namo

namo

RSS 2008

3drssicon

RSS Feeds Icons - Shirt

rss-tshirts

RSS Block

rss-feed-block

3D Rss Feeds Icon

rss-feed-3d-icons

Free web 2.0 RSS icons

ice-joy

Rss icons by ~jinsona

icon-set

40 Vector Translucent 3D Look RSS Icons

vector-icons

Color RSS icons

color-icons

Feed Me Animals: A Free RSS Feed Icon Set

animal-rss-icon

30 Free Vector RSS Icons

vector-icons-square

RSS Feed Icons - Glossy Balls

cirle-glssy-icons

RSS feed button pack

rss-feed-buttons

RSS feed 17 icons-sign v1.0

multi-color-icon

RSS Icons by *lansworxph

shiny-glossy-icons

RSS Icons by ~serega

rss-icons-seanga

RSS ICON by ~blogeeks

blog-eeks

StickerFeed by ~bati1975

rss-sticker-icons

RSS Icons by ~mata-mhari

black-icons

Free Download: RSS Feed Badges / Icons

rss-feed-badge-buttons

RSS READER Icon by ~twinware

rss-reader

RSS Icons set by ~mata-mhari

circle-rss-icons

Web 2.0 RSS Icon 2

data-mouse

Free Glass Style RSS/Feed Icons

reflected-feed

NewsFire

news-fire

devi.RSS

devi

RSS Icons - PNG

black-rss-icon

RSS Pack

rss-pack

Wood RSS Feed Icons

wood-rss-feed-icon

Gold RSS Icon

gold-icon

Rss icon (png) freebie!

rss-show-off



The following icons were designed from members of Deviant Art.