Repositório de Componentes JavaScript

Galera,

Andei meio sumido, mas a ralação aqui tá grande, to até bolando uns artigos novos pra escrever aqui pro blog só não tá sobrando muito tempo.

Mas de qualquer jeito aqui vai um post rápido pra apresentar pra vocês um repositório de componentes Javascript bem útil e que merece ser colocado ai nos favoritos de quem trabalha com web ou mesmo os intusiastas.

Ajax Rain

Espero que gostem!!

Abração do Maluco!!

Problemas e Boas Práticas em SEO!

Galera,
Estava reparando a algum tempo que mesmo com toda a documentação que existe na internet sobre SEO, muitos profissionais e algumas empresas que trabalham com web ainda continuam a cometer os mesmo erros em afirmar que vão colocar as empresas de seus clientes no primeiro lugar do Google.

Vamos ver o algumas coisas por trás destas afirmações e porque eles insistem em falar isso.

1º – AdWords = Pode ser que estejam pensando em fazer um link patrocinado com parte do $$ do projeto, só que sem avisar o cliente que quando o $$ acabar, já era a posição do link patrocinado e ele voltará a ser um mero mortal como os demais sites.

2º – Keyword Stuffing = eles vão pegar as palavras chaves e repetir elas na tag keywords várias vezes  tipo:

web, programação, php, asp.net, javascript, js, midias sociais, midia social, mobile, tecnologia,
framework, zend framework, dicas, tutoriais, novidades, lançamentos, web, programação, php, asp.net, javascript,
js, midias sociais, midia social, mobile, tecnologia, framework, zend framework, dicas, tutoriais, novidades,
lançamentos, web, programação, php, asp.net, javascript, js, midias sociais, midia social, mobile, tecnologia,
framework, zend framework, dicas, tutoriais, novidades, lançamentos, web, programação, php, asp.net,
javascript, js, midias sociais, midia social, mobile, tecnologia, framework, zend framework, dicas,
tutoriais, novidades, lançamentos

Isso numa primeira impressão dá uma bombada geral e seu site vai lá pras cabeças, mas essa é uma das várias práticas chamadas de “BlackHat SEO” pois tentam enganar o algoritmo do pagerank para que ele posicione melhor o website, porém agora vem a parte que arrebenta com meio mundo, se o Google pegar isso o site é penalizado e pode ser banido do sistema de indexação deles e após isso acontecer a url terá que ser novamente recadastrada no Google e todo o trabalho desse suposto SEO terá de ser refeito mas agora da forma correta além de ter que ir garimpando posições aos poucos novamente.

3º – Texto Invisível = Sinceramente o caboco que faz uma coisa dessas merece é ser expulso do planeta, pq faça-me o favor neh!!! Essa técnica consiste em colocar palavras chave como texto dentro do website só que para não aparecer para o usuário eles colocam a mesma cor do texto.

4º – Link Farm = ou como alguns gostam de chamar de fazendinha de links, consiste basicamente em criar várias páginas com links para uma específica e com isso tentar gerar relevância para a página alvo, no entanto os envolvidos nessa prática sofrem punição quando a mesma é localizada pelos sistemas de busca.

Bem essas foram algumas das várias técnicas de BlackHat SEO.

Então galera agora vamos as dicas de um “WhiteHat SEO” que não gera punição para o seu website e ajuda a colocá-lo numa posição melhor nos sistemas de busca.

• Description = uma description sobre sua página que realmente tenha relevância com as informações contidas nela;
• Title = uma tag title bem escrita e que como a tag description tenha também a ver com o conteúdo disponível na sua página;
• Keywords = lembrem-se que qualidade não quer dizer quantidade pois muitas vezes um site com 400 palavras chaves pode ser mais irrelevante que outro que tem 10 mas muito bem definidas;
• Conteúdo = jamais coloquem conteúdos duplicados, pois os mesmo prejudicam a relevância do seu conteúdo para os sistemas de busca.
• HTML = use sempre uma estrutura de codificação simples sem aquele monte de lixo que muitas vezes os programas que são usados para escrever o HTML deixam para trás.
• Tags Title e Alt = sempre que possível coloque as devidas informações nos campos title que está disponível na maior parte dos componentes HTML e não se esquecendo que sempre que tiver imagens colocar informações relevantes na tag ALT pois esse texto alternativo além de ajudar na navegação é um grande auxílio na parte da acessibilidade.
• Comentários = uma questão que pra muitos não tem muita importância mas dá sempre uma ajudinha é vc ter o costume de comentar em blogs e sites que tenham conteúdo relevante com o seu pois se seus comentários são relevantes algumas vezes as pessoas que leiam ele podem achar interessante e daí podem vir a visitar o seu site e possivelmente se tornar um usuário mais constante da sua página.

Bom galera, acho que com isso deu pra dar uma esclarecida num bocado de coisas neh! Espero que tenha ajudado vocês.

Mais Dicas: MestreSEO

Abraço do Maluco!!!

Efeito over em linhas de tabelas

Fala galera, Muitos pessoas já me perguntaram, como que faz aquele efeito hover nas linhas da tabela sem ter que programar muito, mas eu quero fazer só com CSS para não ter que mexer com muito javascript. Então vamos lá pois é mais simples que vocês imaginam. o nosso HTML vai ficar assim:

Código HTML

e o nosso CSS assim:

Código CSS

e aqui está o resultado final de nosso pequenino código:

Resultado Final

A linha verde mais clara é onde o mouse está passando naquele exato momento.

Download do Código

Espero que tenham gostado dessa dica!!! Vlw Galera!! Abração do Maluco!!!