Mostrando postagens com marcador Dicas Site. Mostrar todas as postagens
Mostrando postagens com marcador Dicas Site. Mostrar todas as postagens

sexta-feira

Adicionar botão de Follow no Twitter - Seguidores no Twitter


Este botão ajuda seu Site ou Blog avariar um maior número de seguidores. Você estará divulgando o Botão de Follow do Twitter, em locais onde um grande número de pessoas passam o olhar assim que chegam ao seu Site pu Blog, e com isso a uma grande possibilidade de gerar cliques neste Botão.

Para adicionar é simples basta, seguir alguns passos fáceis que explicarei a seguir.

Ah, não esqueça de me seguir logo aqui em cima. Sigo todos de volta.

 

Adicionar Botão Follow simples:

1-  Acesse a página do Twitter (Follow button);
2- Personalize os dados do botão do seu jeito;
3- Agora acesse o painel do Blogger(blogger.com);
4-  Vá em Design-> Adicionar um Gadget-> HTML/JavaScript;
5- Insira o código obtido no passo 1, depois salve.

Adiconar Botão Follow Avançada:

1- Vá em Design-> Editar HTML-> Maque Expandir modelos de widgets;
2- Procure por:
<div class='post-footer-line post-footer-line-3'>  
3- E abaixo deste trecho, insira o código obtido no passo 1(adição simples).


Pronto seu Site ou Blog agora possui o botão do Twitter, e agora você pode interagir com seus leitores e colaboradores.

O que achou deste Artigo, post sua sujestão aí em baixo. Vamos debater as melhores formas de conseguir mais Seguidores de Qualidade no Twitter.

Publicidade


Você também irá gostar de:








Publicidade

quinta-feira

Layout do zero ao Sucesso

Layout do zero ao Sucesso


1 -  Introdução

O que nós chamamos de influência, como sentimos e o que entendemos?

A informação visual comunica de modo não verbal, mas com muita força. Isso pode incluir sinais emocionais que motivem, dirijam, ou distraiam.

O projeto visual de uma página na Web deve ser fácil de aprender e usar, pelo fato de empregar efetivamente a comunicação visual e a estética. Ela é uma ferramenta importante para a comunicação.
Como você organiza a informação na página pode fazer a diferença entre comunicar uma mensagem ou deixar o usuário perplexo ou sobrecarregado.

Até mesmo a funcionalidade da página pode ser afetada, se ela não tiver uma apresentação bem projetada. Um bom Layout depende do contexto em que esta inserido e cumpre uma proposta maior do que simplesmente decoração, pois todos os elementos visuais influenciam uns aos outros.

2 - Cores, Frames e Usabilidade

Evite o uso de frames.

Frames podem ajudar o usuário a navegar no site, mas cuidado com o momento da impressão para não imprimir o frame errado.

Recomenda-se agrupar os diferentes tipos de informação da sua página na Web.

Nós organizamos o que lemos e o que pensamos sobre uma informação, agrupando-a espacialmente. Nós lemos uma página na web do mesmo modo como lemos outros tipos de informação.

Use cores suáveis e ícones para atrair a atenção da sua página na Web.

O olho é sempre atraído por elementos coloridos antes dos elementos em preto e branco e por desenhos antes do texto.

Respeite as convenções de layout de leitura da informação.

Em países ocidentais isto significa da esquerda para a direita e de cima para baixo. As informações mais importantes devem estar localizadas no canto superior esquerdo.

Quando a informação é posicionada verticalmente, alinhe os links por suas extremidades esquerdas (em países ocidentais).

Isso geralmente facilita a compreensão da informação pelo usuário.

Quando projetar a organização e composição de elementos visuais da sua página na Web, recomenda-se respeitar os seguintes princípios: hierarquia de informação, foco e ênfase, estrutura e equilíbrio, relação de elementos, legibilidade e fluxo do texto, e unidade de integração.

3 - Hierarquia de Informação

Este princípio diz respeito à disposição da informação dentro de uma página na Web baseada em sua importância relativa com os outros elementos visuais. O resultado dessa disposição afeta todos os outros princípios de organização e composição de um layout e determina que informação o usuário vê e o que ele é encorajado a fazer primeiro. Para considerar este princípio, faça estas perguntas:
Qual informação é mais importante para o usuário? (Em outras palavras, quais são as prioridades de um usuário quando encontra seu site?).
O que o usuário quer ou precisa ver em primeiro, segundo, terceiro lugares, e assim por diante? ( O que o usuário vê primeiro deve corresponder à prioridade do usuário).



4 - Mantenha o Foco e a Ênfase

O princípio do foco e ênfase auxilia o usuário na colocação de itens prioritários. Determinar o foco envolve identificar a idéia central, ou o ponto focal, por atividade. Determine a ênfase escolhendo os elementos que devem ser proeminentes, isolando-os de outros elementos ou fazendo com que eles se sobressaiam de outra maneira.

Onde o usuário navega primeiro procurando por informação é uma importante consideração na implementação do site, que será o foco da sua navegação. A cultura e as decisões do projeto de uma página na Web podem governar este princípio. Pessoas de culturas ocidentais, por exemplo, procuram no canto superior esquerdo da tela as informações mais importantes.

5 - Estrutura e Equilíbrio

O princípio de estrutura e equilíbrio é um dos mais importantes de um projeto visual. Sem uma estrutura que sirva de base e um equilíbrio desses elementos, há falta de ordem e de significado, e isso afeta todas as outras partes de projeto visual. O mais importante é que a falta de estrutura e equilíbrio torna uma página na Web mais difícil de ser entendida pelo usuário.

6 - Relacionamento de Elementos

O princípio do relacionamento de elementos reforça o princípio anterior. A colocação de um elemento visual pode ajudar a comunicar uma relação/conexão específica de uma página com o site da qual ela faz parte.

7 - Unidade e Integração

O último princípio, unidade e integração, reflete como avaliar uma dada página na Web em relação ao site ao qual ela pertence. Quando uma página na Web é visualmente unificada com o site (endereço), o usuário acha mais fácil navegar porque ela oferece um ambiente de navegação consistente e previsível. Para implementar este princípio, considere o seguinte:


Minhas Considerações finais:

Uma página na Web precisa funcionar intuitivamente - ela precisa parecer do modo como funciona e funcionar do modo como parece.

Cuidado com o tamanho, o espaçamento e a colocação da informação para que o ambiente seja visualmente consistente e previsível.
Estrutura visual é importante para comunicar a proposta dos elementos exibidos em uma página na Web.

Você pode usar cores para agrupar assuntos correlatos.
Use o alinhamento adjacente para links que formam um grupo de opções de assuntos exclusivos.
O uso de texto deve ser o mínimo possível para comunicar a informação.

Para minimizar o movimento dos olhos, onde possível, o usuário deve ser inquirido a responder em uma área diretamente adjacente à questão

As áreas para entrada de texto e áreas de resposta devem estar tão perto quanto possível da base da tela devido ao fato de que a maioria dos usuários não são exímios datilógrafos e precisam olhar para o teclado.
O início ou a base da tela são os melhores locais para mostrar informações sobre orientação, as quais devem estar sempre visíveis.

As orientações para o usuário podem ser colocadas em áreas fixas ou móveis, ou apresentando-as em menus pop-ups disponíveis sobre requisição do usuário ou do próprio erro.

Gostou desta dica de Layout? E você como faz para desenvolver Layouts mais dinãmicos e atrativos para a Web? Compartilhe conhecimento com nossa Equipe.




Publicidade

Como divulgar seu Blog ou Site - Técnicas que funcionam

Desde o dia em que comecei a blogar de verdade, isso já faz uns 6 meses, sim de verdade, digo isso por que passei anos na área de Criação e Desenvolvimento de Websites sem me dedicar a nenhum Blog e assim Blogar de verdade, hoje a situação é um pouco diferente, venho navegando por blogs e sites atrás de temas, plugins, scripts e principalmente tutoriais pelo menos 12 horas por dia e é dessa experiência que trago essas dicas de como promover seu blog e aumentar suas visitas pois este foi o assunto mais encontrado, porém o mais pobre em dicas que encontrei por ai. É gente eu navego na internet umas 15 horas por dia, podem acreditar.

Estas dicas servem tanto para Blogs e Sites, não liguem quando eu me referir exclusivamente a Blogs ou Sites durante uma das dicas

01. Escreva muito e sempre – Um blog é uma página de registro de algo e deve ser atualizado sempre. O meu conselho é que seja atualizado pelo menos uma vez ao dia.

02. Escreva algo que preste - Esse é o tal do conteúdo relevante que todos falam, mas poucos fazem e talvez seja por isso que os blogs estão ganhando fama de “não confiáveis” visto que muitos blogueiros muito mais interessados em ganhar uma grana com os programas de monetização do que em construir uma reputação, escreve algo do tipo: - Um ótimo plugin para … Veja mais em www…

Ao invés disso, escreva tudo sobre o plugin, como instalar, configurar, quem desenvolveu e com links para Download.

03. Cadastre seu blog em diretórios específicos para blogs – Os mais famosos são:

Blogarama - http://www.blogarama.com - Em Inglês
My Blog - http://www.mybloglog.com - Em Inglês
Technorati - http://www.technorati.com – Em Inglês
Buzzca - http://www.buzzca.com.br - Em Português

Não há necessidade de sair por aí como um louco cadastrando seu blog em todos os diretórios que encontrar. Estes são os que darão retorno, demorei um longo tempo até descobrir quais diretórios de sites realemente prestavam na rede!

04. Cadastre seu blog em mecanismos de busca e ferramentas de indexação de URL.

05. Coloque na área “quem sou” / “sobre mim” do Orkut, MySpace, Facebook, Via6, Linkedin e outros, o endereço do seu blog.

06. Coloque na assinatura dos seus e-mails uma chamada para o seu blog:

“Rafael Mendes
RM Info Design – Informática e Webdesign de um jeito diferente.
(21) 2215-0519 / 9814-2091
contato@rafaelmendeswebdesigner.com.br

———————————————————————–
“Luisa Carbonatto
RM Info Design – Informática e Webdesign de um jeito diferente.
(21) 2215-0519 / 9814-2091
contato@rafaelmendeswebdesigner.com.br

07. Cadastre seus artigos em sites publicadores / agregadores de notícias - Os agregadores que geram tráfego são:

Digg - http://digg.com - Em inglês
DiHitt - http://dihitt.com.br – Em português
LinkK - http://www.linkk.com.br – Em português
LinkTo - http://www.linkto.com.br – Em português
Rec6 - http://rec6.via6.com – Em português
Uêba - http://ueba.com.br – Em português
DoMelhor - http://www.domelhor.net – Em português
EuCurti - http://www.eucurti.com.br – Em português
Outrolado - http://www.outrolado.com.br – Em português
Minha Notícia - http://minhanoticia.ig.com.br – Em português
LonkTo - http://www.linkloko.com.br – Em português

Tentei insistentemente outros além desses, mas não geraram nem uma visita sequer.

08. Adicione uma chamada ao seu MSN, ICQ, Gtak, Yahoo Messenger e afins:

“visite meu Site e\ou Blog: www.rafaelmendeswebdesigner.com.br



09. Depois que você tiver pelo menos dez artigos decentes publicados, envie um scrap para todos os seus amigos falando da existência de seu blog - Faça o mesmo com sua lista de e-mails e repita esse processo de tempos em tempos (de 3 em 3 meses está ótimo).

10. Publique pesquisas e estatísticas sobre assuntos relacionados ao seu blog - Os leitores adoram esse tipo de post e são ótimos para serem publicados no Uêba, por exemplo.

11. Ofereça coisas gratuitas.

Blog sobre negócios: tabelas em excell, cartilhas …
Blog sobre internet: plugins, downloads …
Blog sobre tecnologia: ringtones, walpapers

Use sua criatividade!

12. Invista parte de seus ganhos com seu blog em publicidade on-line – Algumas formas de divulgar seu blog são:

- Anuncie em links patrocinados no Google, Yahoo, MSN e outros;
- Links patrocinados no Hotwords;
- Banners na Rede Afilio ou direto em sites e blogs;
- Artigos pagos;
- E-mail marketing com bases alugadas ou montadas por você mesmo com TOTAL autorização do destinatário.

Veja mais sobre Marketing Digital em www.aginovare.com.br

13. Participe de fóruns de assuntos relacionados ao seu blog - Leia-os diariamente e responda as dúvidas de preferência linkando para o seu blog.

“Olá fulano. Essa dúvida sua eu respondo nesse artigo: http://www … Dá uma olhada lá”

14. Participe de listas de discussão relacionadas ao assunto do seu blog e sempre responda as dúvidas da mesma forma como descrito no item anterior.

15. Participe de comunidades no Orkut, MySpace, Via6, Linkedin, Facebook e afins, relacionadas ao assunto do seu blog e responda … você já sabe! Se achar melhor, crie um perfil só para isso.

16. Crie uma comunidade para o seu blog no Orkut, MySpace, Via6, Linkedin, Facebook e afins e convide seus leitores e amigos para participarem dessa comunidade.

17. Comente em blogs que tratem de assuntos relacionados aos do seu blog, mas atenção:

- Leia o artigo e faça comentários personalizados e pertinentes. O mesmo comentário do tipo: - Legal; muito bom; parabéns pelo post e coisas do tipo em vários blog, é considerado SPAMM.
- Na assinatura do post coloque apenas o endereço de um blog. Se você tem mais de um, escolha o que mais se identifica com o conteúdo do blog no qual esta comentando. Mais de um endereço de blog na assinatura é considerado SPAMM.
- Procure ser um dos primeiros a comentar no post. Esta comprovado que a maioria dos leitores só lêem até o décimo comentário.



18. Divulgue seu blog no mundo real – Utilize: Anúncios em jornal e revistas, panfletos, cartoes de visita, banners, adesivo no vidro de trás do carro etc.

19. Faça promoções periódicas do tipo:

“Envie o método de divulgação mais criativo que você já utilizou para o seu blog. A resposta mais criativa ganhará um DVD da Ivete Sangalo gravado ao vivo no Maracanã.”

Mais uma vez, use a sua criatividade, ela é fundamental para Blogueiros de Sucesso.

20. Utilize botões sociais no fim dos seus posts – Os botões sociais são uma ótima forma de receber votos de seus leitores.

21. Crie um selo com este para o seu blog – Crie um pequeno selo para divulgar o seu blog (Veja aqui como usamos o nosso).

22. Escreva resenhas ou complementos de posts de outros blogueiros e envie o link para que eles possam ler e opinar.

23. Troque links com blogs que falem do mesmo assunto que o seu – Mas atenção: Seu leitor parte do princípio de que pode confiar no blog e no conteúdo para o qual vocês esta linkando, por este motivo, escolha muito bem com quem trocará links. Assuntos relevantes valem mais do que número de visitas.

24. Crie Memes e convide seus leitores e outros blogueiros a participar - Leia: Meme – Por: Juliana Sardinha

25. Utilize o Twitter para avisar a sua rede de contatos sempre que postar algo interessante e novo.

Com certeza se você seguir grande parte dessas dicas, suas visitas vão aumentar considerávelmente.

O que você faz para divulgar o seu blog que dá resultado? Compartilhe com agente!

Poste um comentário ae, com as suas idéias.

Publicidade



quarta-feira

Projeto Google +

Levar, à web, a riqueza do compartilhamento da vida real. Este é o conceito do Projeto Google+, lançado hoje pela gigante das buscas. Encabeçada por Vic Gundotra, vice-presidente de engenharia do Google, a novidade foi alvo de inúmeros rumores e recebeu vários nomes desde os primeiros indícios de que a empresa estava desenvolvendo uma nova rede social.

O Projeto Google+ estará presente em todos os produtos da empresa. Isso somente será possível pois o Google redesenhou a barra de menu superior. Agora, além da nova cor, ela passará a contar com várias novas opções que permitirão, aos usuários, acessarem os seus perfis do Google, receberem notificações em tempo real, além de poderem compartilhar conteúdo a qualquer momento. 

O sistema de notificação será semelhante ao do Facebook, que exibe um número vermelho na barra de opções sempre que uma novidade é encontrada.


No começo do mês de Junho o Google lançou o botão Google+1 que quando presentes nas páginas dos sites, permite que os internautas logados ao Google votem no conteúdo que acharem interessante na Internet (você pode ver ele em ação no menu de navegação), o que gerou muitos rumores sobre as novidades que o Google pretendia lançar em relação a isso.

Como esperado, o Google lançou a rede social Google+ durante este mês que por sinal lembra muito o funcionamento do Facebook, que permite que os membros compartilhem conteúdo, informações, vídeos, imagens entre outros com seus círculos de contatos dentro da rede, que por sua vez é associado ao botão Google+1.

Assim, sempre que um membro der um voto em um artigo dentro da rede, ele será exibido para seus amigos de acordo com a configuração que você definiu em seu perfil.

google mais

Aliás, para os webmasters eu recomendo o uso do Google+ porque acredito que os votos que forem dados nos artigos espalhados pela Internet terão mais relevância para as pessoas dentro de seus círculos, ou seja, o Google vai posicioná-los em melhores posições nos resultados das buscas quando eles pesquisarem por assuntos relacionados as páginas que você votar. Isso poderá representar visitantes extras.

Por enquanto o Google+ não está aberto para qualquer pessoa (como aconteceu com o Orkut durante seu lançamento), sendo necessário ser convidado por alguém que já faça parte da rede.

Isso, pelo menos por enquanto, impede de fazer uma análise mais profunda sobre o impacto que esta nova rede social terá entre os internautas ou mesmo para s webmasters que poderão utilizá-lo como mais um meio de divulgação, já que as informações seriam incompletas.

Já solicitei minha participação na nova Rede Social do Google. Logo estarei disponibilizando o convite a todos, espero.


Publicidade



Seu Site ou Blog "Bem na Fita" nas pesquisas do Google

Primeiro sobre a utilização das Meta Tags no Blogger.

Apesar de ser um processo simples, muitas pessoas tem duvidas sobre como proceder ou sobre como utilizar tais metas.


Veremos como inserir Meta Tags de Descrição e Palavras-Chaves.


O que são Meta Tags



São comandos que inserimos dentro do html do template, dentro da tag <head> .

Elas são criadas para facilitar a vida dos buscadores encontrarem seu conteúdo, pois são elas que descrevem o conteúdo do seu blog para os buscadores.
Através das Meta Tags além de você pode inserir palavras-chave que facilitarão os buscadores na hora de encontrar o conteúdo do seu blog, elas também servem para que você possa declarar que você é o autor do blog.



Chega de blá,blá, segue a dica:


O que iremos fazer é inserir Meta Tags de Descrição e Palavras-Chaves.
Entre na aba "Design" >> "Editar HTML" e procure por:



<b:include data='blog' name='all-head-content'/>


E Inclua logo ABAIXO dela o seguinte código:


<b:if cond='data:blog.pageType == "index"'>
<meta content='DESCRIÇÃO DO BLOG' name='description'/>
<meta content='PALAVRAS-CHAVE SEPARADAS POR UMA VÍRGULA' name='keywords'/>
<meta content='PALAVRAS-CHAVE SEPERADAS POR UM PONTO' name='robots'/>
<meta content='NOME DO AUTOR DO BLOG' name='author'/>
</b:if>



Pronto ,, agora é so esperar alguns dias e seus blog estará na 1º página do Google com certeza. Só não garato o topo pq ai ja é demais né, mas quem sabe ! 




Sobre a utilização das Metas Tags no Site.



Tudo começa com muita atençao e um pouco de paciência.


Abaixo vou listar 6 Dicas Importantes, sempre utilizando Metas Tags.


Dica 1 – Dê títulos importantes a suas paginas.

<title>Aqui voce deve inserir a expressao principal que identifica o conteúdo da pagina para os buscadores (palavras-chave) - lembre que isto é um exemplo didático, o titulo de sua pagina deve conter no maximo 65 caracteres </title>
exemplo de título com menos de 65 caracteres:
<title>REMIND - Dicas Para Otimização De Sites. </title>
A tag título deve ser colocada dentro do head do arquivo html
<head>
<title>REMIND – Dicas Para Otimização De Sites. </title>
</head>

Dica 2 – A ordem das palavras devem indicar os assuntos mais importantes de cada página.


No exemplo de título usado acima, o buscador irá considera que o assunto mais importante da pagina é REMIND, seguido por dicas para otimização de sites.
Para melhorar o título em relação ao conteúdo desta pagína poderiamos modificar o título para:
<head>
<title> Otimização de Sites – Dicas no site da REMIND . </title>
</head>

Dica 3 – Uso da meta tag descrição:


A tag descrição deve ser breve e colocada logo após a tag tittle da pagina que você que fazer a otimização . Este conteúdo é somente para os robots, mas cabe a sua apresentação neste momento pela proximidade com a tag title.
<head>;
<title> Otimização de Sites – Dicas no site da REMIND . </title>
<meta name="description" content="Dicas sobre  como  fazer otimização de sites em paginas web.">
</head>

Dica 4 – Conteúdo contido na tag body:


O body é o corpo da pagina, é nele que deve se encontrar todo o conteúdo. Os mecanismos de busca geralmente interpretam o percentual de cada palavra sobre o conteúdo total de palavras contidas na pagina como a relevância que está palavra tem para o conteúdo da pagina. Em uma pagina  com um total de 10 palavras, se a palavra remind apareçer 2 vezes no total destas 10, teremos 2/10 = 20% de relevância frente ao conteúdo.

<html>
<head>
<title> Otimização de Sites – Dicas no site da REMIND . </title>
<meta name="description" content="Dicas sobre  como  fazer otimização de sites em paginas web.">
</head>
<body>
conteúdo do site. Esta página trata sobre a otimização de site……
</body>
</html>

Dica 5 – Uso do cabeçalho Header.


O uso do cabeçalho serve para destacar o conteúdo principal do site. Suponhamos que o conteúdo dentro da tag body da sua pagina contém a seguinte expressão: " Esta pagina trata da  otimização de sites para paginas da web. " – A palavra mais relevante no conteúdo foi "pagina" e não "otimização" . O cabeçalho serve para corrigir esta distorção. lembre que este conteúdo, diferentemente da tag descrição é visível para o usuário. Você pode utilizar vários cabeçalhos para identificar cada palavra chave que você queira trabalhar na pagina, sendo o mais comum usar até 6 palavras chaves.
  <h1>palavra ou frase-chave aqui</h1> 
  <h2>palavra ou frase-chave aqui</h2> 
  <h3>palavra ou frase-chave aqui</h3>
  <h4>palavra ou frase-chave aqui</h4> 
  <h5>palavra ou frase-chave aqui</h5> 
  <h6>palavra ou frase-chave aqui</h6>
Estes títulos devem ser distribuídos ao longo do corpo do body, sendo a principal palavra-chave  colocada o mais próximo possível do topo de sua página.
<html>
<head>
<title> Otimização de Sites – Dicas no site da REMIND . </title>
<meta name="description" content="Dicas sobre  como  fazer otimização de sites em paginas web.">
</head>
<body>
<h1>palavra chave principal ou frase-chave aqui</h1>
</body>
</html>

Dica 6 – Uso da tag alt em imagens.


A tag alt serve  para mostrar ao usuário o assunto que  uma determinada imagem trata caso ele não consiga visualiza-la. Ela indica também , aos mecanismos de busca, um reforço da importância desta palavra junto ao conteúdo. Por isso é importante usar palavras-chaves semelhantes ou derivadas.
  <img src="endereço da imagem que será exibida" width="largura da imagem" height="altura da imagem" border="tamanho da borda da magem" alt="expressão da tag alt – semelhante a palavra ou expressão-chave."> 
Seguindo o exempo anterior temos uma imagem inserida no conteúdo do html:
<html>
<head>
<title> Otimização de Sites – Dicas no site da REMIND . </title>
<meta name="description" content="Dicas sobre  como  fazer otimização de sites em paginas web.">
</head>
<body>
<h1>palavra chave principal ou frase-chave aqui</h1> 
  <img src="img/botao.gif" width="30" height="25" border="0"> 
</body>
</html>

Profissão Webdesigner - O que é ser um Webdesigner ?



Comente este Vídeo



Publicidade
Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.
Twitter Delicious Facebook Digg Stumbleupon Favorites More