Smarty é uma biblioteca PHP com classes de templates. Ela propõe uma separação das linguagens envolvidas no desenvolvimento WEB, nesse caso o PHP e o HTML. O objetivo é isolar em arquivos distintos a regra do negócio, processamentos, lógica de programação, etc, do código responsável por fazer a marcação, ou seja, o código HTML.
Assista nessa vídeo aula como instalar o Smarty, e um pequeno exemplo de sua utilização.

Posts relacionados

• Nenhum post relacionado

É com grande prazer que trago para os meus leitores uma excelente obra sobre SEO – Search Engine Optimization (Otimização para Mecanismos de Busca). Meu colega de trabalho Erick Formaggio lança dia 20 de mês o livro SEO – Otimização de Sites – Aplicando técnicas de otimização de sites com uma abordagem prática pela editora Brasport.
No livro você encontra técnicas de otimização dentro e fora do site (on Page e Off page). Algumas práticas para seu site ficar melhor posicionado nos mecanismos de busca, como ser encontrado por seus clientes em potencial e muito mais. Recomendo!

Livro Erick Formaggio

Posts relacionados

• Nenhum post relacionado

Posts relacionados

• Nenhum post relacionado

Fotos de animais

Posts relacionados

• Nenhum post relacionado

Foi desenvolvida uma página de pesquisa fake, onde ao entrar nela e mover o mouse sobre o site você vê os textos, o campo de busca e o logo do Google caindo…

Google Gravity

Fazendo uma busca no Google Gravity

Google Gravity no IE

Ah! achei esse artigo no site Usuário Compulsivo

Forte abraço a todos e bom final de semana!

Posts relacionados

• Nenhum post relacionado

vamos a mais uma matéria de SEO.

Antes de iniciarmos essa matéria é importante salientar. O correto é dizer atributo alt e não tag alt. Digo isso por ver muitas pessoas chamando esse atributo de tag. Em uma entrevista de emprego, por exemplo, para demonstração de conhecimento técnico, jamais chame esse atributo de tag.

Ao utilizar imagens em suas páginas Web, é de boa prática a utilização do atributo alt. Enquanto uma imagem está sendo carregada, o texto do atributo alt é mostrado, ou no caso de uma de suas imagens não ser carregada o conteúdo do atributo alt é mostrado, como um texto alternativo. Mas eu acredito que a principal vantagem de utilizar esse atributo é ainda para pessoas com deficiência visual que utilizam sistemas leitores de tela. Veja alguns exemplos desses programas:

• NVDA
• Jaws for Windows
• Virtual vision
• Dosvox

Veja abaixo um exemplo do não carregamento da imagem. E perceba a descrição do texto alternativo.

Texto alternativo da imagem

Um ponto importante a se observar é achar que o alt é responsável por mostrar a exibição do texto ao deixar o mouse sobre a imagem. Esse papel na verdade é do atributo title. Alguns navegadores, como o Internet Explorer, mostram erroneamente tal descrição.

Atributo alt, um aliado na otimização de páginas

Uma forma de deixar o site mais otimizado é incluir suas palavras-chave dentro desse atributo. O uso de palavras-chave dentro do atributo alt pode desempenhar um papel importante para melhorar o seu posicionamento no ranking dos buscadores.

Veja um exemplo da utilização desse atributo.

<img src=”imagem.jpg” alt=”descrição da imagem” />

Para se tirar o máximo de proveito desse atributo, é recomendável utilizá-lo em todas as imagens do seu site.

Como visto na matéria sobre SEO Black Hat, alguns desenvolvedores acabam enchendo esse atributo de palavras-chave sem nenhum sentido, em vez de colocar descrições precisas nas imagens.

A W3C recomenda o uso obrigatório desse atributo para um site estar em conformidade com os padrões web de desenvolvimento.

Dicas na utilização do atributo alt

Por hoje é isso pessoal, até a próxima.

Posts relacionados

• A importância dos links para SEO
• Palavras-chave (keyword) e Frases-chave
• Introdução SEO (Otimização de sites)

Testar harmonia das cores de um Website

O site checkmycolours disponibiliza uma ferramenta que verifica a
combinação de cores de um site. A ferramenta testa se a cor de fundo e a cor do texto possuem uma boa harmonia, se o contraste é suficiente para que uma pessoa mesmo com um tipo de deficiência visual consiga ler o conteúdo da página.

Logo depois de inserir o endereço da URL do site e clicar no botão Check, é apresentada uma tabela com todas as combinações de cores do site.

Caso o contraste não esteja apropriado é possível ajustar o erro.

faça o teste.

Posts relacionados

• Nenhum post relacionado

Posts relacionados

• Nenhum post relacionado

Essa Meta Tag serve para descrever o conteúdo de uma página, por isso evite usar a mesma descrição em todas as páginas do site. O ideal é que cada página tenha sua própria descrição.

Dentro da meta description você deve inserir um texto que convença o usuário a entrar nessa página. Ela deve prender o máximo a atenção do usuário, mas cuidado, seja honesto ao descrever suas páginas, não descreva coisas que sua página não contenha. Jamais engane os usuários e os robôs dos sites de pesquisa.

Nos resultados de pesquisa do Google o texto descritivo, que vem logo abaixo do link, é o conteúdo contido dentro da meta description. Veja as imagens abaixo.

Conteúdo da meta tag description sendo exibida em um resultado de busca

Código fonte mostrando meta tag description

Não são todos os mecanismos de pesquisa que usam a meta tag description como descrição das páginas, mas todos eles usam a descrição incluída nessa meta tag como um dos fatores para fazer a classificação do ranking nos resultados de pesquisa.

Não está certo o valor de eficiência do uso dessa tag para otimização de uma página ou site. Essa tag não garante uma boa melhora na posição do ranking como as palavras-chaves, links, etc. Apesar disso é mais um elemento que pode fazer a diferença no ranking dos buscadores, por isso, use-as.

Se você omitir a tag de descrição, o Google por exemplo, mostrará o conteúdo em torno da ocorrência da palavra-chave no seu site, que na maioria das vezes não passa uma informação relevante para o usuário.

Dicas para criação de uma meta tags description

• Cada página deve ter sua própria meta description.
• Use palavras-chave em suas descrições.
• Use no máximo 155 caracteres, mais que isso os principais sites de pesquisa (exemplo: Google, yahoo..) não iram mostrar o restante do texto.
• Procure passar uma descrição concisa, passando logo a idéia que deseja. Descreva com precisão.
• Procure usar a forma imperativa (ao invés de escrever você comprará, escreva, compra…, ao invés de escrever você aprenderá, escreva, aprenda…).

Um forte abraço a todos e até a próxima!

Posts relacionados

• Nenhum post relacionado

1. Entre no site que você deseje modificar
2. Depois que abriu o site entre com o código abaixo na barra de endereço e pressione enter

javascript:void(document.body.contentEditable=(document.body.contentEditable!='true'))

3. Depois disso você já pode alterar todos os textos do site.

Muito show!!

Posts relacionados

• Nenhum post relacionado