desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • Ferramentas
  • Downloads
  • Feeds
  • Mapa do blog
  • Sobre

Aprenda o posicionamento CSS em 10 passos

12 de fevereiro de 2008 0 comentários

Aprenda, de forma interativa, como funcionam os diferentes seletores e propriedades CSS para posicionamento e faça layouts web melhores, mais profissionais e mais conscientes!

Para os que ainda têm dúvidas quanto às regras CSS de posicionamento, que servem para compor layouts tableless e fazer um web site utilizando o desenvolvimento em camadas, há uma maneira bem simples, divertida e interativa de se conhecer estes seletores, propriedades e valores!

O site BarelyFitz Designs (de Patrick Fitzgerald) em seus projetos disponíveis, apresenta esta ferramenta para ensinar, em 10 passos, o posicionamento CSS!

Aprenda o posicionamento CSS em 10 passos
Categorias
css, design, indicações
Comentários RSS Comentários RSS
Trackback Trackback

“Divmaníaco”: saiba se o desenvolvedor de um web site é um divmaníaco

11 de fevereiro de 2008 0 comentários

Estreando a seção “ferramentas”, no blog, apresento o Divmaníaco, ferramenta que você pode usar para saber se o desenvolvedor de um web site abusou na hora de compor seu design!

O Divmaníaco foi criado quando eu tinha meu antigo blog, que foi extinto para que eu pudesse migrar para este endereço. Entretanto, pensando bastante, achei a ferramenta bastante curiosa e bem-feitinha (modéstia à parte).

Com o Divmaníaco, você informa quantas divs você acha conveniente se ter para compor um design, insere o endereço de um site no campo apropriado e pronto: o Divmaníaco faz uma análise das divs no site e exibe uma mensagem diferente para cada tipo de resultado!

Abraços ao amigo Saulo, pela ajuda com os algoritmos!

Quem gostou, levanta a mão! o/

=D

Divmaníaco
Categorias
miscelânea
Comentários RSS Comentários RSS
Trackback Trackback

Wordpress, o tema k2 e o plugin All in One SEO Pack

1 de fevereiro de 2008 7 comentários

Atenção, blogueiro, caso você utilize Wordpress com o tema k2 e tem instalado o plugin All in One SEO Pack! Seus resultados de otimização para mecanismos de busca podem ser prejudicados…

Acontece que o tema k2 (que, sem dúvidas, é um dos melhores temas para Wordpress) escreve a descrição do blog (que se configura em Oções > Geral, na área administrativa do Wordpress) na metatag “description”, de forma estática, quer dizer, é um texto fixo em um de seus arquivos.

Para quem usa o plugin All in One SEO Pack, sabe que uma de suas principais funcionalidade é sobreescrever o título (tag “head”) com os títulos dos respectivos artigos.

É aí que acontece uma coisa muito perigosa! Certamente, quem utiliza o All in One SEO, está querendo adotar melhores medidas / estratégias de SEO para seu blog! Ter o título de cada artigo com as palavras-chave corretas, certamente é um bom caminho! Entretanto, quando se tem essa combinação (k2 + All in One SEO), deve-se tomar uma medida para o tiro não sair pela culatra…

Já que o tema k2 tem, em seu arquivo “header.php”, a descrição da metatag description, ela vem primeiro que a descrição que o All in One SEO Pack faz! Atenção para isso! Quando se utilizam os dois juntos, você vai ter simplesmente o título do blog na metatag description em detrimento do título do artigo!

Isso influencia negativamente os resultados dos mecanismos de busca, já que a descrição que vai aparecer (ser cadastrada pelos bots) é a do blog (genérica) e não a do artigo (específica).

Então, pessoal, para quem usa essa trinca, minha dica é que apague, no arquivo de tema “header.php”, a linha que especifica a meta description, e deixe essa função por conta do All in One SEO Pack!

Foi a experiência que me mostrou isso (e que meus resultados nas SERPs estão prejudicados…); espero que outros possam aprender através da leitura!

Categorias
wordpress
Comentários RSS Comentários RSS
Trackback Trackback
« 123456 »

Translator

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • 10 fontes de inspiração para fazer logotipos de qualidade
  • CSS float: considerações, dicas e macetes para bons layouts na web
  • Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo
  • Baixar ícones de alta definição e qualidade

Categorias

  • (x)html (5)
  • acessibilidade (4)
  • blogs (7)
  • css (17)
  • design (31)
  • firefox (6)
  • indicações (50)
  • javascript (5)
  • jquery (8)
  • miscelânea (30)
  • php (7)
  • séries (9)
  • seo (12)
  • usabilidade (8)
  • wordpress (20)

Eu indico

  • ChromeBrasil
  • Fique Rico
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

Ícones de setinhas para download (grátis)

Componentes de um sistema de navegação

10 fontes de inspiração para fazer logotipos de qualidade

Richard Stallman e os programas baseados na web

Meta tags

"Sexy Buttons" em menus do Wordpress

Últimos Comentários

Paulo Faustino: Faz tempo que não actualizava o blog, mas valeu a pena esperar amigo Tárcio. (...)

Rodrigo: Olá Tárcio, tudo tranquilo? Então, muito bom o exemplo. Agora estou com uma dúvida: Tenho (...)

Edgar: Gostei muito do artigo.! Me ajudou muito na criação de meu portifolio. parabéns pelo se trabalho (...)

de musicas: boa.... valeu pela dica... (...)

Viana: Muito boa a dica do plugin ;D (...)

Mais Comentados

Meta tags (16)

CSS float: considerações, dicas e macetes para bons layouts na web (15)

Google Chrome - primeiras impressões sobre o navegador da Google (14)

Como montar um portfolio sem ter clientes (13)

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

desenvolvimento para web trata sobre padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais.

A tradução automática é do Wordpress Global Translator Plugin e há alguns direitos reservados.