desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Developing web - xhtml, css, web standards, usability, accessibility, web design, SEO, blogs and technology to develop the web

Existem muitas ferramentas que facilitar o trabalho de otimização para mecanismos de busca. There are many tools that facilitate the work of optimization for search engines. Sem sombra de dúvidas, a Google Keyword Popularity é uma das melhores! Without shadow of doubt, Google Keyword Popularity is one of the best!

O trabalho de SEO para otimizar páginas e sites para os mecanimos de busca é realmente muito interessante. The work of SEO to optimize pages and websites to search engines is actually very interesting. Essa otimização, quando bem feita, tende a aumentar consideravelmente o número de visitantes de um web site . This optimization, when done well, tends to increase the number of visitors to a Web site.

O trabalho dos profissionais e/ou novatos em Search Engine Optimization (ou, como prefiro, otimização para mecanismos de busca ), entretanto, às vezes é fatigante (em outras palavras, chato). The work of professionals and / or beginners in Search Engine Optimization (or as I prefer, optimization for search engines), however, is sometimes tiring (in other words, boring). Para isso existem as ferramentas SEO para auxiliar os atuantes da área. For that there are SEO tools to help the working area.

Vi no feed do Webinsider a indicação de uma ferramenta SEO que, na minha opinião, é uma das mais úteis que existe atualmente: Google Keyword Popularity , da tele-pro . I saw in the feed of Webinsider an indication of an SEO tool that in my opinion, is one of the more useful it exists today: Google Keyword Popularity, the tele-pro.

Esta ferramenta utiliza o Google Web API para comparar o número total estimado para as buscas pelas palavras chave escolhidas. This tool uses Google Web API to compare the total number estimated to search for keywords chosen. Em outras palavras, você informa uma lista de palavras-chaves que quer comparar e ele retorna qual delas é a melhor opção. In other words, tells you a list of keywords you want to compare which one returns and he is the best option. Uma coisa importante: o resultado apresentado equivale ao número de página encontradas numa buca por aquelas palavras, e não o número de vezes que elas foram procuradas. One important thing: the result presented equals the number of pages found in a BUCA by those words, not the number of times they were found.

É extremamente útil saber qual das palavras-chave que se está querendo usar é a mais procurada na internet para evitar que se faça uma “otimização às avessas”, quer dizer, incluir termos nas páginas que, erroneamente, pensava-se que seriam os melhores. It is extremely useful to know which of the keywords that if you want to use is the most searched on the Internet to avoid making a "topsy-turvy optimization", I mean, on pages that include terms, mistakenly, thought that it would be the best .

Por exemplo: quais palavras utilizar para otimizar uma página sobre filmes: “filme” ou “filmes”? For example: what words used to optimize a page about movies: "movie" or "movies"? Utilizando a Google Keyword Popularity , é possível saber que o número de páginas encontradas para a primeira é 215 000 000 e para o segundo 9 150 000. Using the Google Keyword Popularity, you can know that the number of pages found for the first 215 000 000 and the second 9 150 000. Claro que, para o exemplo, utilizar as duas seria o mais indicado. Of course, for example, using the two would be more appropriate.

Uma outra tática que se pode usar é ver quais as palavras com resultados maiores e utilizar as que tem resultados menores! Another tactic that can be used is to see which words with more results and use the results that have smaller! A princípio, pode parecer um contra-senso; entretanto, pode aparecer a situação em que seja desejável explorar um “nicho” ainda em ascensão . At first, it may seem a paradox, however, the situation may appear that it is desirable to explore a "niche" still on the rise.

A partir de hoje, pelo menos para mim, a Google Keyword Popularity é indispensável! From today, at least for me, Google Keyword Popularity is essential!

As Ferramentas de Classes PHP 5 auxiliam o desenvolvedor PHP na hora de programar, automatizando a criação de classes, propriedades e métodos de acesso. The Tools of PHP 5 classes help the PHP developer at the time of scheduling, automating the creation of classes, properties and methods of access.

O PHP 5, com a implementação total de recursos para a programação orientada a objetos (POO), fez os adeptos e amantes da linguagem muito satisfeitos! The PHP 5, with the full implementation of resources for the object oriented programming (POO), made fans and lovers of language very satisfied! Entretanto, realmente é um trabalho “braçal” e “sacal” codificar as classes e métodos de acesso… However, it is really a work "hand" and "saccal" codify the classes and methods of access ...

Pensando nisso, resolvi desenvolver um “kit de ferramentas” para ajudar os desenvolvedores PHP que, como eu, acham isso muito chato: são as Ferramentas de Classes PHP 5 ! Thinking about it, I decided to develop a "tool kit" to help PHP developers who, like myself, find it very boring: they are the tools of PHP 5 classes!

Por enquanto, elas só têm 2 módulos. For now, they only have 2 modules. Entretanto, pretendo atualizar freqüentemente para implementar novas funcionalidades e aprimorar as já existentes (olha a deixa para assinar o feed do blog !). However, I want to upgrade frequently to implement new features and improve existing ones (look at the leaves to subscribe to the feed of the blog!). Elas estão disponíveis nas ferramentas , aqui do blog . They are available on tools, the blog here.

Conto a colaboração de todos para indicar bugs e fazer sugestões! Counting the cooperation of all to indicate bugs and make suggestions!

Ah, quase esqueci de falar: quem quiser pode baixar a página que as ferramentas funcionam off line ! Oh, almost forgot to mention: who wants to can download the page that the tools work offline!

Abraços! Hugs!

SEO , ou, em bom português, otimização para mecanismos de busca , é muito interessante e traz resultados reais para blogueiros e, principalmente, desenvolvedores web . SEO, or, in good Portuguese, optimization for search engines, it is very interesting and brings real results for bloggers and, especially, web developers. Este artigo traz uma compilação das melhores práticas de SEO que você pode adotar em um web site ou blog ! This article offers a compilation of best practices of SEO that you can do on a Web site or blog!

Sobre as melhores práticas de SEO On best practices for SEO

Otimização para mecanismos de busca é o que as pessoas fazem, utilizando variados conceitos, técnicas e procedimentos para tentar uma melhor colocação nas páginas de resultados dos mecanismos de busca , ou SERPs, como preferem alguns. Optimization for search engines is what people do, using different concepts, techniques and procedures to try to better placement on the results pages of search engines, or SERPS, as some prefer.

Há extenso material sobre SEO na internet , e está ao alcance de qualquer um que se interesse pelo assunto e queira otimizar um site/blog para que este fique melhor colocado nos rankings dos mecanismos de busca. There is extensive material on the Internet SEO, and is within reach of anyone who is interested in the subject and want to optimize a website / blog so that it is better placed in the rankings of search engines. Justamente por ser extenso, às vezes pode parecer que ele está esparso; coisa que, depois de passado o primeiro momento, mostra-se como não verdadeiro. Precisely because it is full, sometimes it may seem that he is sparse; thing, having passed the first time, it is not as true.

De qualquer maneira, uma compilação com as principais e melhores técnicas para otimizar um site para os mecanismos de busca é sempre bem vinda! Anyway, a compilation with the principal and best techniques to optimize a site for search engines is always welcome! E foi justamente uma compilação de técnicas SEO que Julie Batten , do ClickZ , fez; e é nessa compilação que me inspiro para escrever as técnicas/práticas de SEO a seguir. And it was just a compilation of SEO techniques that Julie Batten, the ClickZ, did, and this compilation is that inspired me to write the techniques and practices of SEO below.

Use palavras-chave no URL Use keywords in the URL

Isso pode ser feito assegurando-se que o nome dos arquivos das páginas obedeça a convenções que façam um bom uso das palavras-chave. This can be done to make sure the name of the files of pages obey conventions that make a good use of keywords.

Para blogueiros que utilizam Wordpress , por exemplo, uma excelente maneira é configurar o permalink , ou link permanente, dos artigos e páginas. For bloggers who use Wordpress, for example, is an excellent way to configure the permalink, or permanent link, articles and pages. Para tal, siga a seqüência: To do this, follow the sequence:

1. Opções Options
2. Permalinks Permalinks
3. “Personalizada, especifique abaixo” "Custom, specify below"
4. digite /�tegory%/%postname%/ (com as barras, mesmo) type /% category% /% postname% / (with the bars, even)

Outra medida indispensável é utilizar o plugin All In One SEO Pack . Another essential measure is to use the plugin All In One SEO Pack.

Direcione conteúdo para cada página (”assunto”) Target content for each page ( "subject")

É bom que cada página tenha 2 ou 3 parágrafos descritivos, quer dizer, que estes parágrafos (que devem ser os primeiros parágrafos) sejam “ricos” em palavras-chave escolhidas para a otimização daquela página, em especial. It is good that each page has 2 or 3 descriptive paragraphs, I mean, that these sections (which should be the first paragraphs) are "rich" in your chosen keywords to optimize that page in particular.

Coloque palavras-chave próximas do início do código Put keywords near the top of the code

Utilizando a maneira correta para montar designs web , quer dizer, utilizando CSS, é possível posicionar os elementos visuais da página em qualquer lugar que se queira (fazer os elementos renderizarem em posições diferentes do que realmente estão no código (X)HTML). Using the proper way to mount designs web, I mean, using CSS, you can put the visual elements of the page no matter where you want to (make the information displayed in different positions than are actually in the code (X) HTML).

O conselho é que, independentemente do design escolhido para o blog ou site , as palavras-chave escolhidas para a otimização fiquem o mais próximas possível do início de seus respectivos códigos fonte. The advice is that, regardless of the chosen design for your blog or website, the keywords chosen for optimization are the closest possible the start of their source codes.

Utilize tags para títulos e subtítulos Use tags to titles and subtitles

As tags para títulos (h1 a h6) foram idealizada justamente para isso: para marcar títulos! The tags for titles (h1 to h6) were created precisely for this: to make headlines! Prefira tags para marcar títulos ao invés de estilização de texto puro ou utilização de imagens. Prefer tags to mark securities instead of pure styling of text or use of images. Preferencialmente, utilize as palavras chave mais importantes nos títulos de maior grau (h1 e h2) e vá decrescendo, segundo o grau de importância desejado. Preferably, use keywords that are most important in the titles of higher degree (h1 and h2) and go lower, according to the desired degree of importance.

Cuidado com o tamanho do arquivo (X)HTML Watch the file size (X) HTML

Segundo o que li em algum lugar (realmente não me recordo onde…), os bots de busca têm um limite para percorrer as páginas, e este limite é dado em KB. According to what I read somewhere (I do not really remember where ...), the search bots to have a limit to browse the pages, and this limit is given in KB. Por exemplo, o Google Bot percorre somente os primeiros 100KB de um arquivo. For example, Google Bot travels only the first of a 100KB file.

Por isso, muito cuidado com a utilização desenfreada de imagens, com a divmania , e procure manter um código fonte enxuto e fácil de manutenir (resumindo: codifique usando os padrões da web ). Therefore, very careful about the unbridled use of images, with divmania, and seek to maintain a source stripped down and easy to maintain (in short: tag using the Web standards).

Adicione textos descritivos para cada imagem Add descriptive text for each image

Para adicionar um texto descritivo nas imagens, basta se valer do atributo “ alt “, na hora de escrever a tag de imagem (para quem usa Wordpress com tinyMCE ativado, basta preencher o campo “Título” na hora de fazer upload de imagens para o editor). To add a descriptive text in the images, just attribute it worth the "alt", at the time of writing the tag of image (if you are using Wordpress with tinyMCE enabled, simply fill out the "Title" in time to upload pictures to your editor).

A grande dica é fazer textos realmente descritivos e, quando possível, sucintos , que contenham, também, palavras-chave do atual documento . A great tip is to really descriptive texts and, where possible, succinct, containing, too, keywords in the current document. Além de otimizar a página para os spiders , o quesito “acessibilidade” também fica presente. Apart from optimizing the page for the spiders, the query "accessibility" is also present.

Faça links de texto ao invés de imagem Make links to text rather than image

Os robôs de busca utilizam os textos dos links como auxílio para determinar qual é o assunto que a página apontada trata. The robots search using the texts of links to help determine what is the nature of the page pointed deals. Fazendo textos com imagens, isso é dificultado. Entering text with images, it is difficult. Portanto, faça links com textos e, importante, com textos descritivos, que realmente sugiram do que trata a página (nada de “clique aqui”, por exemplo). So, make links with texts and, importantly, with descriptive texts, that's really suggesting that treats the page (nothing to "click here", for example).

Implante DHTML corretamente DHTML implant properly

No atual estágio do desenvolvimento para web , a meneira mais correta de desenvolver um web site é através do desenvolvimento em camadas: uma camada para o conteúdo ; uma camada para a aparência ; uma camada para o comportamento . In the current stage of development for web, the more accurate meneira to develop a web site is through the development in layers: a layer to content, a layer for the appearance, a layer to the behavior. A vantagem disso é que o projeto é mais facilmente manutenível e há a possibilidade de mexer em cada camada separadamente. The advantage is that the project is more easily manutenível and there is the opportunity to tinker with each layer separately.

Desenvolva seus web sites em camadas (há muito material sobre isso disponível)! Develop your web sites in layers (there are plenty of material available about it)! Os mecanismos de busca são “usuários cegos”, quer dizer, só conseguem interpretar conteúdo ((X)HTML). The search engines are "blind users", I mean, can only interpret content ((X) HTML). Fazendo seu site em camadas, você garante que os usuários terão uma melhor experiência e que suas páginas serão corretamente indexadas pelos spiders . Making your site in layers, you can guarantee that users will have a better experience and that their pages will be properly indexed by spiders.

Evite frames Avoid frames

O uso de frames/iframes , além de ser técnica ultrapassada, não é aconselhável por questões de acessibilidade e otimização para mecanismos de busca. The use of frames / iframes as well as being technically obsolete, it is not advisable for reasons of accessibility and optimization for search engines. Ou seja, se você utilizar essas tecnologias velhas na hora do desenvolvimento, esteja ciente de que uma parte de seus visitantes não terá total acesso a seu site e que alguns mecanismos de busca exibirão páginas incompletas. That is, if you use these technologies old at the time of development, be aware that a portion of your visitors will not have full access to its site and that some search engines display pages incomplete.

Use corretamente o arquivo robots .txt Use the file correctly robots. Txt

O arquivo robots .txt é um arquivo que possibilita restringir/permitir o acesso dos bots que visitam suas páginas. The robots file. Txt is a file that enables restrict / permit access by bots that visit your pages. Nele, é possível especificar qual ou quais páginas/arquivos podem ser visitados e quais não podem. In it, you can specify where or what pages / files can be visited and what can not.

Para saber mais sobre o arquivo robots .txt, veja a página da Wikipedia que trata sobre o assunto . To learn more about the robots file. Txt, see Wikipedia's dealing on the subject. Para os blogueiros de plantão, no BrPoint há um artigo que sugere um robots .txt ideal para o Wordpress . For the bloggers on duty in BrPoint there is an article that suggests a robot. Txt ideal for Wordpress.

Utilize corretamente o redirecionamento de páginas Use the redirection of pages correctly

O conselho é que se evite o redirecionamento temporário (302) e se utilize o redirecionamento permanente (301). The advice is to avoid the temporary redirect (302) and if you use a permanent redirect (301). O motivo é simples de entender: o redirecionamento 302 é temporário, quer dizer, um bot pode indexá-lo em seu banco de dados e, pouco tempo depois, o apontamento não mais funcionar… Já com o redirecionamento fixo, este problema deixa de acontecer. The reason is simple to understand: the 302 redirect is temporary, I mean, a bot can crawl into your database and, shortly afterwards, the direction ... I no longer work with the redirection fixed, this problem will no longer happen .

O tratamento correto destes erros e como lidar com eles foge um pouco ao escopo “tradicional” de um desenvolvedor web (ou blogueiro), e exige configurações mais “profundas” para funcionarem corretamente. The correct treatment of these errors and how to deal with them runs a little scope to the "traditional" of a web developer (or blogger), and settings requires more "radical" to work properly. Entretanto, é aconselhável que todos os envolvidos com a web tenham noção e saibam pelo menos o básico sobre isso. However, we recommend that everyone involved with the web concept and have at least know the basics about it. Para começar, uma boa indicação seria o artigo do BrDesigner.com que trata sobre o erro 301 e faz uma abordagem geral sobre o assunto. To begin with, would be a good indication of the article BrDesigner.com that comes on the error 301 and is a general approach on the matter.

Não use Black Hat SEO Do not use Black Hat SEO

Black Hat SEO é o “lado negro da força” das técnicas de otimização para mecanismos de busca. Black Hat SEO is the dark side of force "optimization techniques to search engines. São práticas que visam a enganar os bots para se conseguir uma excelente colocação nas SERPs em pouco tempo. Practices are aimed at deceiving the bots to achieve a good placing in SERPS in a short time. Para saber mais sobre esta nociva prática, que pode chegar a banir o site dos mecanismos de busca , leia um excelente artigo sobre as práticas de black hat SEO . To learn more about this harmful practice that may come to banish the site of search engines, read an excellent article about the practices of black hat SEO.

Evite usar páginas iniciais “ splash “ Avoid using home "splash"

“Páginas inicias splash” são aquelas páginas index que não apresentam o conteúdo do site ; apresentam, sim, alguma informação geralmente não muito útil e que quebra as expectativas dos visitantes que a acessam. "Initial splash pages" are those pages which do not index the contents of the site; show, yes, some information not generally very helpful and that breaks the expectations of visitors that access. Geralmente são informações sucintas sobre a empresa; escolha de idioma, escolha de configuração de tela; e outras coisas que, quando se usam tecnologias atuais para desenvolver web sites , tornam-se desnecessárias. Usually they are succinct information about the company; choice of language, choose the configuration screen, and other things that, when using current technologies to develop web sites, become unnecessary.

Não é aconselhável que se use as splashs porque isso prejudica o posicionamento do site nos mecanismos de busca . It is not advisable to use the splashs is because that affect the positioning of the site in search engines. Isso acontece basicamente pela “inveracidade” das informações (às vezes contradiação com o título, meta-descrição ou meta-palavras-chave) e/ou pela quantidade mínima de palavras-chave presentes, num lugar onde elas se fazem mais do que necessárias. This happens primarily by "inveracidade" of information (sometimes contradiação with the title, description or meta-meta-keywords) and / or the minimum amount of keywords present in a place where they do more than necessary.

Evite URIs com query strings Avoid URIs with query strings

“ Query strings ” podem ser vistas em um endereço de páginas facilmente. "Query strings" can be seen in an address of pages easily. Basta ver se há presentes caracteres como “?”, “=”, “&”, e outros mais estranhos. Just see if there are these characters as "?", "=", "&", And other more strange. Isso é feito em web sites dinâmicos e servem para manipular/controlar o fluxo de exibição dos conteúdos. This is done in dynamic Web sites and serve to manipulate / control the flow of view of content. Apesar da facilidade que o recurso oferece, não é aconselhável que se deixe os permalinks dos sites dessa maneira. Despite the ease it offers the appeal, it is not advisable to leave if the permalinks of the sites that way.

Existem maneiras de evitar isso, “sobreescrevendo” por URIs mais amigáveis tanto para os mecanismos de busca, quanto para as pessoas guardarem. There are ways to avoid this, "overwriting" by URIs more friendly for both search engines, how to guard people. Existe material bem extenso sobre esta questão. There is extensive material well on this issue. Quem quiser, pode começar os estudos no nodesign , no artigo Apache, mod_rewrite e URL Amigável . Anyone who wants to, can start their studies in nodesign, Article Apache, mod_rewrite and URL Friendly.

Atenção com o conteúdo duplicado Attention with the content Duplicate

O conteúdo duplicado , ou seja, quando um mesmo conteúdo aparece em diferentes sites na web , pode ser prejudicial. The duplicate content, that is, when the same content appears on various Web sites, can be harmful. É interessante inteirar-se sobre o assunto, porque isso é um importante e, às vezes, controverso assunto no meio de desenvolvedores web . It is interesting to acquaint oneself on the subject, because this is an important and sometimes controversial subject in the middle of web developers. De iníco, leia meu texto sobre conteúdo duplicado e, depois, pesquisa um pouco mais sobre o assunto para tomar algum tipo de posicionamento. From beginning, read my text on duplicate content and then search a little more about it to make some kind of positioning.

Seja consciente! Be aware!

Tudo isso que foi dito, pessoal, são “receitas de bolo” (bolos muito bons, diga-se de passagem) que podem ou não serem seguidas/utilizadas. All this has been said, people are "revenue of cake" (very good cake, let it be said in passing) that may or may not be followed / used. Na minha opinião, um dos mais importantes passos rumos à qualificação e/ou profissionalização de um desenvolvedor web é o desenvolvimento do senso crítico e do pensamento autônomo . In my opinion, one of the most important step directions to the qualification and / or professionalism of a web developer is to develop the sense of critical thinking and autonomous.

“Pinçar” dica e macetes sobre os mais variados assuntos na internet é a coisa mais fácil do mundo! "Claws" and macetes tip on the most varied issues on the Internet is the easiest thing in the world! O que não é tão fácil, assim, é ter e praticar o conhecimento de que “cada caso é um caso”, e que para cada situação deve-se ter o cuidado e consideração de analisar, analisar bem, o uso ou não uso de determinada técnica ou artifício. What is not so easy, therefore, is to have the knowledge and practice that "each case is a case" and that for every situation you should be careful consideration and to examine, analyze well, the use or non-use of particular technique or trick.

Que possamos fazer bom uso destas técnicas e discernir sobre as melhores situações para aplicá-las! We can make good use of these techniques and discern the best situations to apply them!