Leia “O básico do SEO – Search Engine Optimization (parte 3)” no InfoWester.

Related posts:

1. O básico do SEO – Search Engine Optimization (parte 2)
2. O básico do SEO – Search Engine Optimization (parte 1)
3. O básico do CSS para impressão
]]> http://erikasarti.net/blog/2009/09/o-basico-do-seo-search-engine-optimization-parte-3/feed/ 0 http://erikasarti.net/blog/2009/08/o-basico-do-seo-search-engine-optimization-parte-2/ http://erikasarti.net/blog/2009/08/o-basico-do-seo-search-engine-optimization-parte-2/#comments Mon, 31 Aug 2009 18:26:18 +0000 Erika Sarti http://erikasarti.net/?p=884 SEO - Search Engine Optimization. O texto desta semana trata de algumas técnicas básicas que envolvem o planejamento e a publicação de um site: nomes de arquivos e pastas, meta-tags, e o uso de um sitemap e do arquivo robots.txt. Related posts:
1. O básico do SEO – Search Engine Optimization (parte 3)
2. O básico do SEO – Search Engine Optimization (parte 1)
3. Meta Tags Parte 2 – Escondendo seu site dos buscadores
]]> Está no ar o segundo artigo da série sobre SEO – Search Engine Optimization. O texto desta semana trata de algumas técnicas básicas que envolvem o planejamento e a publicação de um site: nomes de arquivos e pastas, meta-tags, e o uso de um sitemap e do arquivo robots.txt.

Leia “O básico do SEO – Search Engine Optimization (parte 2)” no InfoWester ou acesse o primeiro artigo da série.

Related posts:

1. O básico do SEO – Search Engine Optimization (parte 3)
2. O básico do SEO – Search Engine Optimization (parte 1)
3. Meta Tags Parte 2 – Escondendo seu site dos buscadores
]]> http://erikasarti.net/blog/2009/08/o-basico-do-seo-search-engine-optimization-parte-2/feed/ 0 http://erikasarti.net/blog/2009/08/o-basico-do-seo-search-engine-optimization-parte-1/ http://erikasarti.net/blog/2009/08/o-basico-do-seo-search-engine-optimization-parte-1/#comments Thu, 13 Aug 2009 11:36:25 +0000 Erika Sarti http://erikasarti.net/?p=856 SEO (ou Search Engine Optimization - Otimização para Mecanismos de Busca) é o conjunto de técnicas usadas para melhorar o posicionamento de um site nos buscadores, como o Google e o Bing. O objetivo dessas técnicas é aumentar o tráfego em um site posicionando-o nas primeiras páginas dos resultados orgânicos (ou seja, os resultados da busca que não são links patrocinados). Esse é o tema desta série de três artigos. Neste primeiro, vamos ver algumas técnicas básicas que envolvem a otimização do conteúdo. Related posts:
1. O básico do SEO – Search Engine Optimization (parte 3)
2. O básico do SEO – Search Engine Optimization (parte 2)
3. Meta Tags Parte 2 – Escondendo seu site dos buscadores
]]> SEO (ou Search Engine Optimization – Otimização para Mecanismos de Busca) é o conjunto de técnicas usadas para melhorar o posicionamento de um site nos buscadores, como o Google e o Bing. O objetivo dessas técnicas é aumentar o tráfego em um site posicionando-o nas primeiras páginas dos resultados orgânicos (ou seja, os resultados da busca que não são links patrocinados).

Esse é o tema desta série de três artigos. Neste primeiro, vamos ver algumas técnicas básicas que envolvem a otimização do conteúdo.

Continue lendo “O básico do SEO – Search Engine Optimization (parte 1)” no InfoWester…

Related posts:

1. O básico do SEO – Search Engine Optimization (parte 3)
2. O básico do SEO – Search Engine Optimization (parte 2)
3. Meta Tags Parte 2 – Escondendo seu site dos buscadores
]]> http://erikasarti.net/blog/2009/08/o-basico-do-seo-search-engine-optimization-parte-1/feed/ 1 http://erikasarti.net/blog/2009/04/otimizando-um-menu-com-a-tecnica-de-css-sprite/ http://erikasarti.net/blog/2009/04/otimizando-um-menu-com-a-tecnica-de-css-sprite/#comments Thu, 16 Apr 2009 00:28:18 +0000 Erika Sarti http://erikasarti.net/?p=293
4. Adicionando sombra a múltiplas imagens com CSS
5. Criando um efeito rollover com CSS
6. O básico do CSS para impressão
]]> Imagine que você tem um site com menu totalmente baseado em imagens, e que quando o usuário passa o mouse sobre um dos itens, essa imagem muda. Desenvolver esse menu utilizando CSS ao invés de Flash é uma boa ideia, mas é necessário criar duas imagens para cada item, cada uma representando um estado, correto? Na verdade, não. Aplicando a técnica de CSS sprite, é possível utilizar apenas uma única imagem para todo o menu. Você entenderá como fazer isso neste tutorial.

Continue lendo “Otimizando um menu com a técnica de CSS sprite” no InfoWester…

Related posts:

1. Adicionando sombra a múltiplas imagens com CSS
2. Criando um efeito rollover com CSS
3. O básico do CSS para impressão
]]> http://erikasarti.net/blog/2009/04/otimizando-um-menu-com-a-tecnica-de-css-sprite/feed/ 0 http://erikasarti.net/blog/2009/03/tags-html-quase-desconhecidas-mas-muito-uteis-para-os-seus-formularios/ http://erikasarti.net/blog/2009/03/tags-html-quase-desconhecidas-mas-muito-uteis-para-os-seus-formularios/#comments Fri, 20 Mar 2009 14:31:20 +0000 Erika Sarti http://erikasarti.net/?p=287
4. Tags HTML quase desconhecidas, mas muito úteis para as suas tabelas
5. Meta Tags Parte 3 – Mais do que divulgar seu site nos buscadores
6. Meta Tags Parte 4 – Redirecionando o visitante para outra página
]]> Mesmo para quem trabalha com design ou desenvolvimento para Web, algumas tags são desconhecidas ou de pouca utilidade. No entanto, algumas vezes elas podem simplificar nossa vida na hora de escrever o código HTML de uma página. Neste artigo, vamos conhecer algumas tags que se encaixam nessa situação: <fieldset>, <legend> e <optgroup>. Todas elas podem ser usadas para adicionar funcionalidades interessantes a formulários.

Continue lendo “Tags HTML quase desconhecidas, mas muito úteis para os seus formulários” no InfoWester…

Related posts:

1. Tags HTML quase desconhecidas, mas muito úteis para as suas tabelas
2. Meta Tags Parte 3 – Mais do que divulgar seu site nos buscadores
3. Meta Tags Parte 4 – Redirecionando o visitante para outra página
]]> http://erikasarti.net/blog/2009/03/tags-html-quase-desconhecidas-mas-muito-uteis-para-os-seus-formularios/feed/ 3 http://erikasarti.net/blog/2009/03/favicon-como-fazer/ http://erikasarti.net/blog/2009/03/favicon-como-fazer/#comments Tue, 10 Mar 2009 15:24:47 +0000 Erika Sarti http://erikasarti.net/?p=272
4. favicon
5. Meta Tags – O que são e como utilizá-las
6. Como desabilitar as revisões do WordPress
]]> Ao olhar esta sequência de ícones, você provavelmente é capaz de lembrar de quase todos os sites a que eles se referem, não é verdade?

Isso porque cada um desses símbolos é o favicon (nome oriundo da combinação dos termos favorites + icon) de alguns sites bastante famosos, ou seja, o pequeno ícone que aparece ao lado da barra de endereços ou no canto da aba de navegação do navegador quando acessamos um site, ou ainda quando adicionamos um endereço aos favoritos ou à barra de links. Sua principal função está relacionada à usabilidade: elementos visuais são sempre mais fáceis de serem lembrados, e isso destaca um site no meio de outros, facilitando a navegação do usuário. Por isso, ele é sempre gerado a partir da simplificação do logotipo ou da marca do site.

Continue lendo “Favicon: por que ele é importante e como fazer o seu” no InfoWester…

Related posts:

1. favicon
2. Meta Tags – O que são e como utilizá-las
3. Como desabilitar as revisões do WordPress
]]> http://erikasarti.net/blog/2009/03/favicon-como-fazer/feed/ 0 http://erikasarti.net/blog/2008/10/criando-um-menu-lateral-com-css/ http://erikasarti.net/blog/2008/10/criando-um-menu-lateral-com-css/#comments Mon, 20 Oct 2008 14:22:39 +0000 Erika Sarti http://erikasarti.net/?p=142
4. Criando um efeito rollover com CSS
5. Efeito 3D em botões usando CSS
6. Otimizando um menu com a técnica de CSS sprite
]]> Há algum tempo eu publiquei no InfoWester um tutorial que mostra como criar um menu em abas usando CSS. Esse texto tem sido bastante consultado e, desde a sua publicação, venho recebendo e-mails de algumas pessoas pedindo outros tutoriais, sendo que boa parte dessas mensagens pede para que eu explique como criar um menu lateral semelhante ao que é usado no site.

Graças a esses pedidos, você verá nas próximas linhas os passos básicos para criar um menu lateral usando CSS (Cascading Style Sheets).

Continue lendo “Criando um menu lateral com CSS” no InfoWester…

Related posts:

1. Criando um efeito rollover com CSS
2. Efeito 3D em botões usando CSS
3. Otimizando um menu com a técnica de CSS sprite
]]> http://erikasarti.net/blog/2008/10/criando-um-menu-lateral-com-css/feed/ 0 http://erikasarti.net/blog/2008/08/o-basico-do-css-para-impressao/ http://erikasarti.net/blog/2008/08/o-basico-do-css-para-impressao/#comments Sat, 02 Aug 2008 14:07:21 +0000 Erika Sarti http://erikasarti.net/blog/?p=107
4. Abreviando as declarações no CSS
5. Criando um menu lateral com CSS
6. Onze dicas para trabalhar com CSS
]]> Você já deve ter visto em muitos sites um link com a opção “versão para impressão” ou “imprima esta página” (ou algo equivalente). Aqui no InfoWester mesmo essa opção está presente no final de praticamente todos os artigos.

Quando seu site tem um conteúdo que possa ser impresso, como textos longos, artigos ou um currículo, é uma boa idéia utilizar declarações CSS (Cascading Style Sheets) próprias para a mídia impressa, assim você pode controlar aparência do que irá para o papel, deixando a página mais amigável e mais agradável de ser ler.

Continue lendo “O básico do CSS para impressão” no InfoWester…

Related posts:

1. Abreviando as declarações no CSS
2. Criando um menu lateral com CSS
3. Onze dicas para trabalhar com CSS
]]> http://erikasarti.net/blog/2008/08/o-basico-do-css-para-impressao/feed/ 0 http://erikasarti.net/blog/2008/05/abreviando-as-declaracoes-no-css/ http://erikasarti.net/blog/2008/05/abreviando-as-declaracoes-no-css/#comments Tue, 20 May 2008 12:36:05 +0000 Erika Sarti http://erikasarti.net/blog/abreviando-as-declaracoes-no-css/
4. O básico do CSS para impressão
5. Otimizando um menu com a técnica de CSS sprite
6. Adicionando sombra a múltiplas imagens com CSS
]]> A grande vantagem do CSS é concentrar todas as declarações num lugar só. Se você quiser fazer todos os títulos da sua página ficarem da mesma cor, por exemplo, não precisa alterar um por um, basta fazer uma única declaração no seu arquivo CSS, que afetará todos os títulos. Isso sem dúvida economiza tanto o tempo de carregamento para exibir sua página no navegador do usuário quanto o seu trabalho na hora de atualizar uma página.

Mas é possível deixar um arquivo CSS ainda menor, abreviando algumas declarações. Junto com um código limpo e comentado, esse pequeno truque vai facilitar muito o desenvolvimento do seu site. Aqui você vai conhecer quais declarações podem ser abreviadas, e como fazer isso.

Continue lendo “Abreviando as declarações no CSS” no InfoWester…

Related posts:

1. O básico do CSS para impressão
2. Otimizando um menu com a técnica de CSS sprite
3. Adicionando sombra a múltiplas imagens com CSS
]]> http://erikasarti.net/blog/2008/05/abreviando-as-declaracoes-no-css/feed/ 0 http://erikasarti.net/blog/2008/04/adicionando-sombra-a-multiplas-imagens-com-css/ http://erikasarti.net/blog/2008/04/adicionando-sombra-a-multiplas-imagens-com-css/#comments Mon, 21 Apr 2008 23:30:51 +0000 Erika Sarti http://erikasarti.net/blog/adicionando-sombra-a-multiplas-imagens-com-css/
4. Otimizando um menu com a técnica de CSS sprite
5. Abreviando as declarações no CSS
6. Criando um efeito rollover com CSS
]]> Se você tem uma galeria de fotos e resolve adicionar sombra a todas as imagens, vai precisar editar imagem por imagem para adicionar tal recurso, certo? Não necessariamente. Utilizando CSS você pode adicionar a mesma sombra a todas as imagens, editando apenas o arquivo HTML, o que certamente dará muito menos trabalho.

Continue lendo “Adicionando sombra a múltiplas imagens com CSS” no InfoWester…

Related posts:

1. Otimizando um menu com a técnica de CSS sprite
2. Abreviando as declarações no CSS
3. Criando um efeito rollover com CSS
]]> http://erikasarti.net/blog/2008/04/adicionando-sombra-a-multiplas-imagens-com-css/feed/ 1