Mas já aconteceu comigo(com você provavelmente também) algumas vezes do cliente buscar seu site no Google, e não encontrar o site dele no topo(até porque está em Homolog). Mas…como meus sites são bem customizados para posicionamentos em sites de busca(SEO), o site de Homolog (normalmente http://nomedocliente.leocaseiro.com.br) aparecerem no Google.

É isso mesmo! Imagina o cliente encontrar o site que ainda está desenvolvendo. Pior…e se o cliente(usuário) do cliente encontrar o site em Homolog? É um problema que pode até entrar em ação jurídica.

E a razão deste post é exatamente essa. Previnir que isso aconteça.

Saiba então, como restringir o seu site em desenvolvimento(homologação) dos resultados de busca do Google.

Para isso, iremos utilizar o Robots.txt e uma restrição por Senha do Domínio, via .htaccess e .htpasswd conhecida como “Htaccess Authentication”, em português, “Autentição por Htaccess”.

Robots.txt

Para ninguém encontrar o Hooolog no Google(Yahoo, Bing, Ask, etc), basta utilizar um arquivo muito conhecido pelos Analistas SEO. Com o Robots.txt, você pode bloquear os sites de busca de seguirem(nofollow) o seu site. Ou seja, que ele não fuçe navegue entre os links e aumente seu Banco de Dados e assim, não Indexar(noindex) os links do seu ambiente de homologação.

Salve como robost.txt e deixe este arquivo na raiz(public, www, httpdocs, etc) do Servidor:

User-agent: *
Disallow: /

Para conhecer mais sobre os Robots.txt, acesse o site www.robotstxt.org

Htaccess Authentication

Mesmo que o site não esteja no Google, pode acontecer de algum usuário encontrar seu site de Homologação. Seja por um teste de Share de Twitter/Facebook que o analista de QA faz(twitter sem querer), ou de qualquer maneira que acidentalmente chegue à algum usuário.
Por isso, recomendo que você bloqueie o acesso por usuário e senha. E a melhor maneira e a mais fácil é pelos arquivos .htaccess e .htpasswd

Adicione a descrição abaixo no seu arquivo .htaccess(geralmente no topo dele), mas altere o /path/to/.htpasswd para o path específico do seu ambiente.

AuthType Basic
AuthName "Acesso restrito"
AuthUserFile /path/to/.htpasswd
Require valid-user

Para descobrir o seu path via PHP, basta dar um < ?php echo dirname(__FILE__);?>.
Para facilitar, existe uma Ferramenta do tipo Wizzard que pode gerar esses arquivos pra você.
Acesse o site htaccesstools

Não basta colocar uma restrição se você não souber a senha, certo?

Então abaixo, vou lhe mostrar um exemplo de um .htpasswd gerado com admin e senha 1q2w3e4r:

admin:$apr1$Gy3X0...$nmRbOnEabkNmH87lfZz2u/

Como você ter percebido, é um tipo de hash bem diferente. Para gerá-lo, acesse o site htaccesstools e utilize o Htpasswd Generator

Espero que ajude. Qualquer dúvida comenta ae!

Artigos Relacionados:

1. Golpe para roubar senhas do Banco Real pelos Links Patrocinados do Google
2. Ferramentas para Gestão e Análise de um Site
3. Tudo sobre utilizar Permalinks no WordPress

Como eu queria acessar por AJAX usando o jQuery, eu precisava liberar o acesso externo com PHP. Afinal um domínio não consegue acessar outro por AJAX sem ter uma liberação.

Achei que a liberação seria muito difícil. Que eu precisaria habilitar por htaccess ou alguma coisa assim.

Mas é muito fácil!

Basta você utilizar o header do php, conforme o exemplo abaixo

Neste exemplo, libero o acesso somente para um domínio específico:

header('Access-Control-Allow-Origin: http://dominio.com.br');

Neste exemplo, libero o acesso para qualquer domínio

header('Access-Control-Allow-Origin: *');

E pronto! Basta acessar a url usando o método $.ajax, $.load, $.get do jQuery ou carregar o ajax da maneira que precisar.

Caso você queira utilizar em ASP.NET ou qualquer outra linguagem, este site deve lhe ajudar http://enable-cors.org/

Se você tiver uma maneira mais fácil(duvido) comenta ae. Se não der certo, comenta aí também que a gente tenta ajudar!

Artigos Relacionados:

1. Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP
2. Como chamar um Javascript externo dentro de um js tipo include
3. Formatar moedas ou números decimais com a função number_format() do PHP

Estava validando uma string que tinha valor máximo de caracteres com a função strlen() do php.

Acontece que a função strlen() funciona muito bem para encoding iso-8859-1 ou quando a string não tem acentuação. Ou seja, quando a string tem um caracter acentuado a função retorna um strlen maior do que realmente deveria.

Para isso, devemos utilizar a função mb_strlen() que possui um segundo parâmetro, onde definimos qual o encoding utilizado.

Solução

Como sempre utilizo encoding utf8 nos sites que desenvolvo, tanto no php/MySQL quanto no html, precisei trocar o strlen pelo mb_strlen():

mb_strlen($string_utf8, 'utf8');

Para mais informações sobre a função mb_stren() acesse:
http://us3.php.net/manual/en/function.mb-strlen.php

Artigos Relacionados:

1. Formatar moedas ou números decimais com a função number_format() do PHP
2. Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP
3. Manual do PHP na própria Máquina em Português do Brasil (PT-BR)

Para quem ainda não conhece, URL Amigáveis são aquelas URLs fáceis de serem decoradas. Onde deixamos de utilizar aquelas variáveis via GET que deixam a URL confusa e poluída. Ainda por cima dificulta a indexação do Google.

Se você precisa de um motivo para alterar os Links Permanentes do seu WordPress, saiba que seus leitores poderão facilmente decorar as URLs de seus posts ou de suas categorias e até mesmo dos seus ficheiros de arquivos antigos.
Além de possuir influência em SEO, uma vez que o Google e os demais buscadores pode indexar as URLs em maior relevância separadas por diretórios(URL amigáveis) ao invés de parâmetros enviados via GET.

Agora vou ensinar como trocar sua URL de:
http://www.meusite.com.br/?p=123
para
http://www.meusite.com.br/nome-do-meu-post

No Tutorial, estou utilizando a versão 2.7 do WordPress, mas seguindo minhas orientações você conseguirá alterar em qualquer versão do WordPress.

Antes de mais nada, você precisa habilitar o MOD REWRITE do APACHE. Mas a maioria dos servidores de hospedagem já habilitam essa opção por padrão. Aconselho a utilização de servidores LINUX para o seu WordPress com Apache2.

Após estar Logado em seu wp-admin, clique em Configurações(em algumas traduções você irá clicar em Opções).

Escolha Links Permanentes (Permalinks)

Perceba que o padrão é a opção: http://www.meusite.com.br/?p=123 :


Você pode escolher a opção Mês e nome ou Dia e nome, ideais para blogs de notícias, em que a data é importante. E útil deixá-la na própria URL. Assim, o usuário poderá identificar se o post é antigo ou atual.

Perceba, que ao selecionar as opções você pode alterar a Estrutura Personalizada.

A minha recomendação é deixar apenas /%postname%/

Antigamente, quando utilizava o domínio .com, deixei os permalinks com .html. Mas com o tempo percebi que atrapalha a leitura e também dificulta a memorização.
Não pense que a indexação do Google para SEO é melhor com .html que não é verdade.

Você também pode incluir o nome da categoria na URL do post. Muito útil para blogs que possuem muitos assuntos. Imagine que você tenha uma seção de esportes e outra de música.
E queira fazer um post sobre o Roberto Carlos(cantor ou jogador?)
Não seria interessante as URLs:
http://www.meusite.com.br/esportes/roberto-carlos/
e
http://www.meusite.com.br/musica/roberto-carlos/
Para isso, basta inserir, a variável %category% antes da barra do seu /%postname%/, conforme o meu exemplo:

Se quiser customizar sua URL com o nome do autor do post, utilize %author%

Mais customizações pela Documentação do WordPress sobre Using Permalinks

Muitos blogueiros alteram o nome de suas URLs e acabam se esquecendo de “traduzir” o category(valor padrão para categorias) para categoria. O local para esta tarefa é em Base da categoria.

Em alguns servidores, será necessário incluirmos um arquivo .htaccess.
O próprio WordPress costuma nos informar e ainda disponibiliza uma caixa de texto com conteúdo deste arquivo.

Deixarei abaixo o conteúdo do arquivo .htaccess do WordPress:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Caso tenha alguma dúvida, poste nos comentários.

Aproveito para pedir desculpas sobre minha ausência. Estou envolvido em 3 projetos grandes e como sempre o prazo é curto. Saibam que nem estou lendo meus feeds.
Mas em breve, postarei mais informações sobre WordPress e o Zend Framework. O qual tenho me dedicado muito tempo.

Também deixarei dicas e tutoriais de tudo que aprendi no Curso SEO do professor Paulo do Marketing de Busca, e também autor do livro Livro SEO Otimização de Sites(li e recomendo) e em breve deixarei informações e algumas dicas para otimização de sites.

Artigos Relacionados:

1. Como alterar a senha no wordpress
2. Como Instalar WordPress em Português do Brasil (PT-BR)
3. Qual arquivo da biblioteca jQuery devo utilizar?

Aí eu te pergunto se você(assim como eu) se encaixa em algum dessas opções

• Você não conhece todas as funções do PHP
• Você não lembra todos os nomes das funções ou as confude(afinal, errar é humano)
• Você conhece uma função, mas não sabe se existe alguma semelhante ou que sirva melhor para seu algoritmo
• Você deixa a página do php como inicial do seu navegador

É, acredito que se algum dia você desenvolveu, ou se ainda programa em PHP, se encaixa em um dos perfis acima.

Não dependa mais da web e faça o download do arquivo de ajuda do manual do PHP em Português do Brasil.

Caso você queira o arquivo em outro idioma clique no link abaixo:
http://www.php.net/distributions/manual/php_manual_pt_BR.chm

Atenção: Caso o seu arquivo não abrir ou exibir algo como “A página não pode ser exibida”, então clique com o botão direito do mouse e clique em Desbloquear.

Desbloqueando o Arquivo de Ajuda

Arquivo de Ajuda do PHP desbloqueado

Obs: algumas funções ou referências ainda não foram 100% traduzidas.

Abaixo deixo algumas dicas de como utilizar este manual como arquivo ajuda.

Temos o Sumario que é praticamente a copia do site na web.

Sumário da Ajuda do PHP

Navegando pelo Conteúdo da Ajuda do PHP

Quando abrimos a ABA Índice, podemos utilizar como um auto-completar de todas as funções do PHP. É ótimo para lembrarmos o “resto” do nome daquela função.

Auto-Completar na Aba Índice pela Ajuda do PHP

Algo que não poderia faltar é um sistema de Busca. Serve para quando não conseguir encontrar nada pelo Auto-completar. Este eu recomendo até utilizar antes do Google.

Resultados da pesquisa feita na Ajuda do PHP

E para finalizar, guarde as “páginas” mais utilizadas nos Favoritos. É bem no estilo Web2.0. Caso você queira guardar a página que está sendo visualizada. abra a aba Favoritos e clique lá embaixo à esquerda em Adicionar. Antes de adicionar você pode até alterar o nome que será exibido na sua lista. O mesmo poderá ser alterado ou excluído mais tarde.

Favoritos ou Bookmarks da Ajuda do PHP

Saiba que o conteúdo é excelente para novatos(pois tem desde a história do PHP) até aos mais avançados(possui toda a documentação da linguagem).
Acreditem, descobri até que possui uma função chamada dotnet_load(); Provavelmente o PHP roda até script em .NET.

Artigos Relacionados:

1. Como Instalar WordPress em Português do Brasil (PT-BR)
2. Formatar moedas ou números decimais com a função number_format() do PHP
3. Liberar acesso externo no PHP para AJAX (crossdomain)

Estava fazendo manutenção em um código, quando me deparei com o código do analytics. E percebi que o Google faz isso a décadas.

Se você, como eu, ainda não sabe(sabia) como fazer isso, veja:

<script type="text/javascript">
document.write(unescape("%3Cscript src='nomedoarquivo.js' type='text/javascript'%3E%3C/script%3E"));
</script>

É simples e funcional. Nunca mais eu farei algo concatenando strings com strings, como:

<script type="text/javascript">
document.write('<scr '+ 'IPT type="text/javascript" SRC="arquivo.js">< /SCRIPT>');
</scr></script>

Fui super contente avisar meu colega de trabalho pelo MSN, o Pedro Rogério que me mostrou uma outra forma. É um pouco mais complexa, utiliza o createElement por DOM. E pode funcionar melhor para scripts dinâmicos.

<script type="text/javascript">
function include(file_path){
var j = document.createElement("script"); /* criando um elemento script: </script><script></script> */
j.type = "text/javascript"; /* informando o type como text/javacript: <script type="text/javascript"></script>*/
j.src = file_path; /* Inserindo um src com o valor do parâmetro file_path: <script type="javascript" src="+file_path+"></script>*/
document.body.appendChild(j); /* Inserindo o seu elemento(no caso o j) como filho(child) do  BODY: <html><body><script type="javascript" src="+file_path+"></script></body></html> */
}

//incluindo um arquivo com a função include()
include("arquivo.js");

function include_once(file_path) {
var sc = document.getElementsByTagName("script");
for (var x in sc)
if (sc[x].src != null &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; sc[x].src.indexOf(file_path) != -1) return;
include(file_path);
}
//incluindo um arquivo com a função include_once()
include_once("arquivo.js");

Artigos Relacionados:

1. Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP
2. Solução em Javascript para Imagens inexistentes no servidor
3. Liberar acesso externo no PHP para AJAX (crossdomain)

Com certeza você já passou por algum deste problemas:  
• O seu site precisava de uma imagem e ela não estava mais lá.
• A imagem não foi carregou corretamente e nem Deus sabe o motivo.
• O seu script de UpLoad deu problema e corrompeu o arquivo antes de subir para o seu
• servidor.
• O nome da imagem está errado no seu banco de dados

Comigo foi assim, estava criando uma galeria de vídeos que devia exibir um screenshot(na agência chamamos de frame), mas acontece que tínhamos alguns vídeos que ainda não possuíam o screenshot. E tendo todos os dados necessários para serem exibidos no site, menos o screenshot, deveriam ser listados na HOME.

O que fazer neste caso?
Criar um código php do tipo if file_exists()?
Conheço uma opção melhor e nativa do JavaScript.

Evento OnError

Como funciona o evento OnError?
Funciona ao contrário do evento OnLoad que é a resposta de uma imagem (ou uma janela) que foi carregada com sucesso(ta aí o nome OnLoad = Carregou com Sucesso)

Assim que o browser interpretar um erro de carregamento de uma imagem(também pode ser utilizado em um window, como uma PopUp), ele executa o método OnError.

Como e onde utilizar o método OnError?

<img src="imagem-nao-existe.gif" onerror="this.onerror=null; this.src='thumb-video-default.jpg'" />

Exemplo do evento OnError em funcionamento.

Artigos Relacionados:

1. Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP
2. Como chamar um Javascript externo dentro de um js tipo include
3. Liberar acesso externo no PHP para AJAX (crossdomain)

Este post foi atualizado, pois eu encontrei que existem diversos algoritmos para esta função chamado shuffle()

De qualquer maneira, ainda acredito que este seja o melhor e menor algoritmo.

Então, se quiserem, o melhor nome para esta função é shuffle()
Pois no php, existe esta função nativa e funciona da mesma maneira!

Procurei algo como random() ou array_rand() que fosse nativa do JavaScript, porém não encontrei. Mas, econtrei uma função interessante, que funciona muito bem:

function randOrd() {
    return (Math.round(Math.random())-0.5);
}

Caso tenhamos um array como no modelo:

var nome = Array();
nome[0] = "Carlos";
nome[1] = "João";
nome[2] = "Leo";
nome[3] = "Maria";
nome[4] = "Silvia";

Perceba que os valores de nosso array está em ordem alfabética.
Utilizamos então a função randOrd() em nosso array:

nome.sort(randOrd);

Ao imprimir os array, eles estarão desordenados.

Uma maneira de exibí-los é utilizando um for:

totalNomes = nome.sizeOf;
for (i=0; i<totalnomes ; i++) {
 document.write('<br /> Este é o array['+i+']: '+nome[i]);
}

Este exemplo poderá mostrar:

Este é o array[0]: Maria
Este é o array[1]: João
Este é o array[2]: Leo
Este é o array[3]: Carlos
Este é o array[4]: Silvia

Artigos Relacionados:

1. Formatar moedas ou números decimais com a função number_format() do PHP
2. Como chamar um Javascript externo dentro de um js tipo include
3. Solução em Javascript para Imagens inexistentes no servidor

A partir de hoje, sempre utilizarei o arquivo Minified(54.5KB), que tem o menor peso, o melhor desempenho e ainda é armazenado em cache.

Para quem não sabe, o MAUJOR é um excelente professor e autor. Depois de lançar os livros sobre CSS e XHTML, ele vai lançar um livro sobre jQuery(leia o sumário do livro). Que com certeza eu irei adquirir. Quem ainda não leu os 2 livros e trabalha com web está perdendo e muito.
E não esqueça, ao usar jQuery, utilize o arquivo minified.

Atualmente, o Framework em JavaScript está na sua versão 1.2.6
Download do arquivo jquery-1.2.6.min.js

Artigos Relacionados:

1. Tudo sobre utilizar Permalinks no WordPress
2. jQuery Plugin stringToSlug
3. Solução em Javascript para Imagens inexistentes no servidor

Mesmo sendo tudo php, o php5 melhorou sua performance e desempenho, principalmente com questões de OOP. Com isso, algumas sintaxes foram re-estruturadas.

Por isso, o meu código estava aparecendo o seguinte erro: Fatal error: Using $this when not in object context in

Depois de muito pesquisar no pai dos burros, encontrei a solução. Descobri que trocando o $this->nomeDoMetodo() por self::nomeDoMetodo() funcionaria no php5.

Mas para mim, não basta ter apenas a solução. Portanto pesquisei mais sobre php5 e sua “nova” estrutura de Classes. Que é Composta por Encapsulamento(Public, Protected e Private), Constantes de Classe, Interfaces e Propriedades Estáticas(que é o caso do $this), o Design Pattern Singleton que é muito interessante e outros conceitos que pretendo abordar logo mais.

Se você é tão curioso quanto eu, ou apenas gosta de atualizar-se, leia este material completo em PDF que absorve bastante sobre OOP(Programação Orientada a Objetos) em PHP5.

Artigos Relacionados:

1. Manual do PHP na própria Máquina em Português do Brasil (PT-BR)
2. Desenvolvedor Web precisa estudar mais do que Médico
3. Problemas ao contar caracteres com strlen do PHP

O número que é em Inglês 999.9 fica 999,90 no formato moeda brasileiro.
Além disso, podemos definir se irá exibir algum caracter a cada grupo de milhar(de mil em mil)

string number_format ( float $number, int $decimals, string $dec_point, string $thousands_sep )

podemos definir por:
valor texto number_format($valor_decimal, $casas_decimais,$caracter_definicao_decimal, $caracter_definicao_milhar)

Por exemplo, se quisermos que o número 1000 fique como 1.000, utilizamos a função desta maneira:

$valor = 1000;
echo number_format($valor,0,",",".");

Agora se quisermos que o valor 1,000.9(em formato inglês) tenha o formato 1.000,90(brasileiro), utilize:

$valor = 1,000.9;
echo number_format($valor,2,",",".");

Se não quiser que tenha o ponto(.) entre as casas de milhar, deixe com o última parâmetro vazio:

$valor = 1000.9;
echo number_format($valor,2,",","");

Existe uma maneira gambiarra para formatar número que eu não aconselho a utilizar. Seria algo do tipo:

$valor = 100.9
echo str_replace(".",",",$valor);

Artigos Relacionados:

1. Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP
2. Problemas ao contar caracteres com strlen do PHP
3. Manual do PHP na própria Máquina em Português do Brasil (PT-BR)

// ** MySQL settings ** //
define('DB_NAME', 'digite_aqui_o_banco_de_dados');    // O nome do Banco de Dados
define('DB_USER', 'digite_aqui_seu_usuario');     // Seu usuário MySQL
define('DB_PASSWORD', 'digite_aqui_sua_senha'); // ...e senha
define('DB_HOST', 'localhost');    // Provavelmente você não precisará trocar este valor

Após alterar o arquivo wp-config.php, envie-o por FTP para a pasta de diretório host. Enfim, digite no browser sua URL e irá aparecer a seguinte janela [vá para o início da instalação].

Existe uma maneira mais simples, que é automática. Basta digitar a sua URL no navegador e então clicar no botão Criar um Arquivo de Configuração:

Chegando no Passo 2, ele irá solicitar os seguintes dados:
Nome do Banco de Dados
Usuário do Banco de Dados
Senha do Banco de Dados
Servidor do Banco de Dados
Prefixo das Tabelas(este item, serve apenas para quem possui mais de um blog no mesmo Banco)

Se você não tiver algum(ns) destes dados, entre em contato com o seu Servidor de Hospedagem.
Se você tiver, clique em Vamos começar

O Passo 3, é muito simples.
Preencha os dados que foram solicitados conforme o meu modelo:

Obs: Nem sempre a Senha ficará vazia.
Obs2: Caso tenha dúvidas sobre o último campo, deixe wp_

Agora, clique em Enviar

Caso apareça a mensagem: Não é possível selecionar o banco de dados

Entre em contato com o seu Sevidor de Hospedagem e solicite a criação do seu banco de dados. Ou verifique se você não digitou pela metade. Alguns servidores criam o banco de dados, conforme o seu usuario, exemplo: leocaseiro_wordpress

No passo 4, o WordPress criou o arquivo wp-config.php corretamente.

Portanto clique em Começar a instalação e veja como é simples Instalar o WordPress
Agora sim, você pode criar o seu Blog. Fique tranquilo, se você quiser, pode modificar estes dados pelo publicador do WP.

Basta digitar o nome do seu blog, o meu é LeoCaseiro
Em seguida, preencha com o seu email(é importante digitar corretamente, pois todos os comentários, e até mesmo uma senha nova será enviado para ele)

Caso você, assim como eu, queira que o seu site seja encontrado pelo Google, Yahoo e outros buscadores deixe marcado esta opção.
Agora, se você quiser que o seu site não seja encontrado, desmarque-a.
Clique em Instalar WordPress e você será redirecionado para

Anote a sua senha, depois clique em Login. E pode começar a postar.

Agora, digite o endereço URL do seu BLOG e veja como ficou

Obs:Altere a sua senha o mais breve possível. Assim, você não corre o risco de perdê-la.
Para alterar a senha, leia Como alterar a senha no wordpress.

Artigos Relacionados:

1. Manual do PHP na própria Máquina em Português do Brasil (PT-BR)
2. Como alterar a senha no wordpress
3. Como chamar um Javascript externo dentro de um js tipo include

Para alterar a senha, devemos clicar no topo à direita, onde temos o nome do nosso login(no exemplo está o admin) ou então em usuários, um pouco mais abaixo:

Quando entramos em nosso usuário, devemos descer a barra de rolagem até o fim e então escrevemos a senha que quisermos.

A partir da versão 2.5, o WordPress possui um sistema de verificação de segurança da senha. Caso você digite apenas letras ou apenas números, ele deixa como senha fraca, então se você deixar letras maiúsculas em minúsculas misturadas, vai aumentando a segurança.
Não é obrigatório termos uma senha forte, mas obviamente é mais segura.

Bom, é só isso. Basta clicar em Atualizar perfil, e pronto.

Lembrando que nesta janela, podemos alterar qualquer dado do usuário, alterar email, nome, sobrenome, colocar um apelido(nickname) e assim por diante.

Artigos Relacionados:

1. Como Instalar WordPress em Português do Brasil (PT-BR)
2. Função que ordena arrays Randomicamente em JavaScript, como o shuffle() do PHP
3. Tudo sobre utilizar Permalinks no WordPress