Desenvolvimento web

Desenvolvimento de site por R$150,00/Mês

Desenvolvimento Web responsivo com Melhor Custo-beneficio

Planos de desenvolvimento web com hospedagem Gratís
Arquivo de Wordpress | LCF HOST

Tag: Wordpress


URLs amigáveis (slug) à WordPress

Apenda a gerar URLs amigáveis como é feito no WordPress e implemente em seu sistema PHP

desenvolvimento web em WordPress é excelente! O CMS já vem com diversas funções e funcionalidades para facilitar a vida de desenvolvedores e, até mesmo, de pessoas que não tem o mínimo conhecimento em programação (um dos objetivos é esse, mesmo).

Mas muitos desenvolvedores, principalmente os ainda incipientes, esquecem que o WordPress nada mais é do que PHP! Claro, o WP é nada mais, nada menos, que um sistema feito em PHP, como você e eu poderíamos ter feito. Mas, por motivos que me fogem ao conhecimento, as pessoas esquecem isso… Talvez o nível de abstração em programação que o CMS proporcione seja o “culpado”, mas, sinceramente, não tenho certeza.

Então, se você tiver a curiosidade de vasculhar os arquivos PHP que fazem do WordPress o que ele é, vai ter uma grata surpresa e encontrar uma rica fonte de scripts, funções e funcionalidades que você sempre quis implementar e não sabia como!

URLs amigáves à WordPress

Por exemplo, muitos querem implementar uma estrutura de URLs amigáves (gerar os famosos “slugs”) em sistemas desenvolvidos do zero  – seja através de frameworks ou em PHPU (“PHP Unha”) -, mas não sabem como. Ora, se sabemos que o WordPress possui um ótimo sistema de geração de slugs e temos acesso a seu código-fonte, tudo o que é preciso é vasculhar o código-fonte e encontrar as funções certas.

Seguindo o exemplo de gerar slugs, procurando um pouco, é possível saber que as funções necessárias se encontram em /wp-includes/formatting.php. E, como era de se esperar, as funções estão devidamente documentadas com seu escopo, parâmetros e retorno. Precisa de mais?

Para gerar URLs amigáveis à WordPress, são necessárias 4 funções. 3 “preliminares” que são:

E, com essas funções devidamente estabelecidas, a função que gera os slugs, propriamente dita:

Então, para gerar um slug em seu próprio sistema depois de implementar as funções mostradas, basta escrever:

Achou o nome da função grande ou feio? Você tem o código, altere como bem entender!

Considerações finais

O WordPress é software livre (registrado sob a licença GPL), então você pode pegar essas 4 funções e implementar em seu site/sistema/softwares sem o medo de receber uma cartinha do advogado da equipe WordPress amanhã ou depois.

Fica uma pergunta: você tem um software livre à disposição e fica quebrando a cabeça em busca de soluções de código que já existem e estão implementadas nele? Vasculhe todo o código fonte (veja alguns recursos que ajudam no artigo sobre ferramentas e recursos para desenvolvimento web) e procure por aquilo que vai lhe ser útil!

Não seja tímido! 😉


O que SEO pode aprender com UX?

Pontos interessantíssimos sobre UX, SEO, a relação entre ambos e o que pode acontecer a estas carreiras a partir de agora.

Experiência do Usuário (ou User Experience, também chamada UX) desempenha um papel fundamental em orientar decisões básicas que moldam web sites e produtos digitais e, cada vez mais, está “tomando seu lugar à mesa”, por assim dizer. A razão é porque UX é multidisciplinar, englobando Design, Arquitetura da Informação, Usabilidade, Design de Interface, Estratégia de Conteúdo e Pesquisa. Apesar da sua relativa “juventude”, UX, como disciplina, tem crescido exponencialmente nos últimos anos.

Consultores de SEO são trazidos mais tarde ao processo e, geralmente, têm um alcance de trabalho limitado em UX, mas seus esforços podem ter um impacto mais amplo por causa dos números. Então, por que SEO parecem ter menos força com a liderança executiva?

Ambas as disciplinas construíram suas reputações na tomada de decisões apoiadas por dados, mas como especialistas em SEO podem aplicar o sucesso de UX em seus cargos?

Breve história

Pessoas que trabalham com Experiência do Usuário (UX) não acabaram de surgir. Eles eram psicólogos, jornalistas, designers de interface e arquitetos da informação – pessoas que escutam bem e pode traduzir suas descobertas em recomendações contextuais. UX, em sua forma atual, existe desde meados da década de 1990. Anteriormente, pessoas da área de UX estariam trabalhando em áreas afins como:

  • Psicologia
  • Ergonomia
  • Interação Humano-Computador
  • Design de Produtos
  • Biblioteconomia

SEO existe desde, pelo menos, 1997, e evoluiu em conjunto com a tecnologia. Antes disso, o análogo mais óbvio seria marketing. Há pontos em comum definidos nos dados que os profissionais de UX e SEO trabalham, mas as pessoas que trabalham nestas áreas têm diferentes origens e prioridades que podem contribuir para a desconexão entre os dois.

A maioria das pessoas que querem/têm um site veem SEO como uma grande prioridade. Ninguém quer pagar por um sistema que não existe aos olhos dos mecanismos de busca e, portanto, corre o risco de ter seu crescimento obstruído. SEO é uma preocupação crítica, mas é, em última análise, secundária a uma grande experiência.

O papel da UX

Implementar processos centrados no usuário se tornou uma prioridade em muitas empresas porque tem um alto retorno sobre o investimento (ROI), muitas vezes resultando, diretamente, em maior satisfação do cliente, crescimento do negócio e engajamento de marca.

Não existe uma definição singular sobre o que é o processo de UX, já que os que atuam na área trazem sua própria combinação única de habilidades e conhecimentos para os projetos e porque as recomendações variam de acordo com cada contexto em que se está trabalhando.

Alguns diriam que UX se concentra em acrescentar “personalidade” e utilidade para um meio inerentemente sem emoção. Um bom profissional de UX irá:

  • Ajudar pessoas (“usuários”) a alcançar seus objetivos
  • Equilibrar os objetivos do negócio com a integridade da experiência do usuário
  • Em última instância, ajudar as pessoas a melhorar suas vidas através da tecnologia

A grande marca de um consultor de UX é a facilitação (entre as preocupações dos stakeholders, estratégia, design, conteúdo e engenharia). Consultores de UX idealmente atuam como agentes de mudança dentro das empresas.

SEO e UX são diferentes

As pessoas realmente não enxergar uma interseção entre UX e SEO. É mais ou menos como na Corrida de Revezamento: eles não querem se tocar, só querem se apressar e seguir em frente.

Simplificando, SEO leva as pessoas a um site, aumentando a encontrabilidade de informações; e UX as mantêm lá, fazendo com que a informação seja envolvente e utilizável. Não é mágica. Os comportamentos de busca de informação que as pessoas usam para encontrar o que estão procurando pela primeira vez são muito diferentes dos “gatilhos” que levam a tráfego repetido.

Ambas as disciplinas são necessárias para acomodar diferentes tipos de informações de comportamentos de busca; o objetivo primordial deve ser o equilíbrio entre o ranking nos mecanismos de busca e a integridade da experiência da marca. Em última instância, a relação do usuário de longa duração é com a experiência.

“Me dê alguma coisa acionável”

Todo estão fazendo o trabalho necessário para ajudar produtos digitais a encontrarem sua audiência; como isso é alcançado é “o” ponto de diferenciação. Tudo se resume a todos pedindo a mesma coisa: “Me dê alguma coisa acionável”.

O que UX e SEO consideram como “acionável”?

SEO considera métricas web como acionável – dados quantitativos que são derivados a partir de medições. Ao lidar com o tráfego web, minutos ganhos podem se traduzir em números enormes em sites de grande escala. Devido ao fato de os consultores serem trazidos mais tarde no ciclo de planejamento de um produto, há uma ênfase em melhorias incrementais conforme o tempo passa.

UX emprega métodos de pesquisa qualitativa e quantitativa em sua busca pelo equilíbrio entre utilidade e prazer. Dependendo do projeto, você pode precisar de dados quantitativos, como web analytics. Outras vezes você pode usar dados qualitativos como:

  • Entrevistas com usuários
  • Análise heurística
  • Pesquisa de campo

Essas fontes de dados, qualitativas e quantitativas, são essenciais para a identificação de oportunidades de mudança – grandes e pequenas.

Estratégia de Conteúdo e SEO a longo prazo

A longo prazo, SEO deve quase que cuidar de si mesmo com uma boa Estratégia de Conteúdoe uma “voz de marca” diferenciada – conteúdo real deveria, teoricamente, levar a ganhos reais de tráfego.

Envolvente, o conteúdo exclusivo é essencial para a sua estratégia, claro. Essa estratégia poderia envolver o crescimento do “estilo” de uma marca ou o estabelecimento de liderança de pensamento em um campo, em particular, ou o desenvolvimento de uma marca orientada a serviço. Conteúdos novos também são cruciais se você está focado em compartilhamento social e backlinking, já que ambos aumentam o alcance de um site e fazem crescer a base de usuários.

Técnicas de SEO podem desvirtuar a Estratégia deConteúdo se aplicadas em excesso. Quando os ganhos são mais de de otimização, ao invés de conteúdo real, relevante, a experiência geral é diminuída. A desvantagem desta maior ênfase na estratégia de conteúdo é que SEOs podem, eventualmente, não serem mais necessários em dado momento.

Mas existe alguma forma de agregar valor e fazer crescer o papel de SEO que não está em desacordo com a experiência holística do cliente?

Educação como chave para a elevação da disciplina

É a educação a chave para elevar a disciplina e levar a SEO para o próximo nível?

Uma coisa que UX tem feito muito bem na última década é se promover. Existe uma comunidade ativa na internet dedicada a melhorar e legitimar a UX, ajudando a próxima geração de profissionais da área a crescer em seus cargos.

Design originalmente se referia ao apelo visual, mas esses esforços criativos muitas vezes tornaram muitos sites inutilizáveis… Design se expandiu para incluir UX, o que transformou o site atrativo num sistema coeso. Os sistemas foram ficando funcionais e atrativos, mas não particularmente interessantes, daí a necessidade da Estratégia de Conteúdo.

Qual é o objetivo de um sistema atraente, funcional e envolvente que não se pode encontrar? Assim, a necessidade de SEO. É um pouco de especialidade nicho que às vezes é tratado como um adendo pelo pessoal que faz a administração.

SEO ainda está, muitas vezes, associado a táticas questionáveis devido à época em que era mais comum que atualmente comprometer a experiência global em função de pequenos ganhos em rankings de busca. Táticas como:

  • “Keyword stuffing”
  • Rodapés obesos, cheios de links
  • Conteúdo falso e/ou de baixa qualidade

Capacitar a próxima geração de designers e SEOs para tomar decisões inteligentes e educar as partes interessadas nesse sentido é a chave para o crescimento da disciplina e elevação da percepção do nível executivo de SEO.

Jakob Nielsen recentemente levantou um excelente ponto sobre SEO de curto prazo ser, principalmente, sobre um bom design. E a definição de “bom design” deve incluir projetar com SEO em mente, para além de todas as outras coisas que os designers de hoje têm de se preocupar. Seria incentivar jovens designers de projetos de sistemas a não violarem osprincípios básicos de encontrabilidade, acessibilidade e credibilidade.

Quando designers se preocupam com os princípios básicos de SEO, eles têm o poder de melhorar a integridade de seus projetos. Quando as pessoas têm um sentimento de “posse” do processo, eles são mais propensos a valorizar a ênfase adicional nas melhores práticas de SEO. Consultores então seriam livres para o trabalho mais especializado ou para encontrar novas maneiras de contribuir para expandir a definição de seus papéis.

O valor de UX

Não existe uma quantidade finita de trabalho, empregos ou de receita; a grande coisa a respeito de UX é o tanto que as pessoas estão dispostas a pagar por isso. Rúben Steiger fala sobre isso em seu artigo “Who’s the Chief Experience Officer?“.

Em seu livro “Future Shock”, de 1971, o futurista Alvin Toffler falou sobre a vindoura “indústria experiencial” em que as pessoas no futuro estariam dispostas a alocar altos percentuais de seus salários para viver experiências incríveis […] […] Empresas precisam começar a pensar sobre a relação holística entre suas marcas, produtos e serviços. “Moldar” uma experiência requer um projeto que considera estes três elementos de marca, produto e serviço, a fim de gerar resultados bem sucedidos.

Faz sentido que as empresas teriam que sentar e prestar atenção às oportunidade em mãos. Diretores de Experiência (CXOs) até já começaram a fazer incursões na estrutura executiva da indústria da tecnologia. Quantos profissionais fizeram isso recentemente?

Muitas empresas querem ser a Apple, uma empresa reconhecida pela qualidade de sua UX, mas estes “wannabes” (termos pejorativo para se referir a pessoas que querem ser o que não são) não estão dispostos a colocar o trabalho em seus processos de design de produto e cadeia de suprimentos para suavizar os solavancos. Você não pode simplesmente imitar a aparência de um sistema porque, no minuto em que os usuários começarem a tentar fazer as coisas que querem/precisam fazer, as diferenças se tornam claras.

Experiência do Usuário tem um lugar à mesa porque o valor agregado é claro. Processos eficientes de design centrado no usuário resultam em maior satisfação do cliente, o crescimento do negócio e num engajamento global de marca. A contribuição da UX para produtos digitais, em última análise, ajuda as pessoas a melhorarem suas vidas através da tecnologia.

Pode a SEO ganhar um assento à mesa?

Especialistas em SEO podem ter de se adaptar a fim de evitar o destino de “marginalização”. Estratégia de Conteúdo apenas começou a ter seu “lugar ao sol” e sua contínua popularidade poderia reduzir a necessidade de otimização de busca para todos. Especialistas em SEO terão que aprender novas especialidades no futuro ou enfrentar a concorrência cada vez mais dura por trabalhos? Há outras oportunidades além dos paradigmas habituais para fazer crescer a posição de SEO dentro das organizações?

UX capturou o Zeitgeist (“Espírito do Tempo”) porque tem uma comunidade robusta dedicada a crescer, educar e legitimar o campo, e provou seu valor para a liderança executiva. Alguns diriam que SEO tem um problema de percepção, indo sempre pelo caminho do nível executivo.

Pode ser hora de considerar uma reeducação das partes interessadas e membros da equipe sobre o valor de SEO.


HTTP 503: a maneira correta para SEO

Considerações a respeito do status code HTTP 503: o que significa, suas implicações de uso e como usar o HTTP 503 em períodos de manutenção de um site.

Você dá a devida importância aos códigos de status que são enviados nos cabeçalhos HTTPdas páginas de seu site? Saiba que enviar um cabeçalho de resposta HTTP com um código errado pode ser fatal… Principalmente quando alguma manutenção está sendo feita no site ou sistema. Neste artigo, breves considerações a este respeito e quais medidas tomar em relação ao status code 503 quando seu site entrar em manutenção.

Códigos de status HTTP e mecanismos de busca

Um mecanismo de busca constantemente verifica se o conteúdo que ele está indexando ainda existe e/ou não mudou. Geralmente, mecanismos de busca verificam 2 coisas:

  • Se o conteúdo está sendo “encabeçado” com o código HTTP 200;
  • Se o conteúdo ainda é o mesmo.

Um código 200 de HTTP significa: “Tudo está bem, aqui está o conteúdo que você pediu”. É o único status que indica que tudo está bem com o conteúdo. Se o conteúdo foi movido, você pode redirecioná-lo – permanentemente, com um HTTP 301 ou; temporariamente, com um HTTP 302 ou 307.

Se o servidor retorna qualquer outro código de status HTTP, significa que o mecanismo de busca já não pode encontrar o conteúdo. Se um servidor retorna um HTTP 200, mas a página é, de fato, um erro e diz algo como “Arquivo não encontrado” ou tem muito pouco conteúdo, o Google vai classificá-la como um “soft 404” no Google Webmaster Tools.

Como mecanismos de busca lidam com o tempo de inatividade do servidor (downtime)

Se, durante um rastreamento, um motor de busca encontra algum conteúdo que não existe mais, por exemplo, ele retorna um status code HTTP 404 que, geralmente, remove o conteúdo dos resultados de pesquisa até que o crawler possa voltar e verificar se ele está lá novamente. Se isso acontece, geralmente vai demorar um pouco para que o conteúdo volte a aparecer nos índices de busca novamente.

O que você deve fazer é garantir que um código de status HTTP 503 será retornado! Esta é a definição do código de status 503 da RFC (que define esses códigos de estado):

O servidor atualmente é incapaz de lidar com o pedido devido a uma sobrecarga temporária ou manutenção do servidor. A implicação é que esta é uma condição temporária que será aliviado após algum atraso. Se conhecido, o tempo de atraso PODE ser indicado em um cabeçalho Retry-After. Se nenhum Retry-After é fornecido, o cliente DEVE lidar com a resposta como seria para uma resposta 500.

Então, você tem que enviar um código de status 503 em combinação com um cabeçalho Retry-After. Basicamente, você está dizendo: “Espere! Estamos fazendo alguma manutenção, por favor, volte em X minutos”. Isso soa muito melhor do que um erro que diz: “Not Found”. Um código de status 404 literalmente significa que o servidor não pode encontrar qualquer recurso para retornar à URL acessada.

Como enviar um cabeçalho HTTP 503?

A maneira como se envia um código HTTP 503 como resposta a uma requisição depende da linguagem server-side que você está trabalhando. Por exemplo, em PHP, envia-se esse HTTP 503 assim:

O tempo de atraso do exemplo, 3600, é dado em segundos, de modo que 3600 segundos corresponde a 60 minutos (ou 1 hora). Você também pode especificar o tempo exato em que o visitante deve voltar enviando uma data em GMT ao invés do número em segundos. Algo como:

Quando preferir usar GMT, faça isso com muita cuidado e consciência! Especificar uma data errada pode causar resultados inesperadamente desastrosos!

“Meu site nunca está em manutenção, eu uso WordPress!”

Bobagem. Toda vez que você atualiza o core do WordPress ou quando você está atualizando plugins, o WP fornece uma página de manutenção. Essa página, por padrão, envia um cabeçalho HTTP 503 adequado.

Você pode substituir essa página de erro padrão com um arquivo maintenance.php na sua pasta wp-content, mas, se fizer isso, você tem que ter certeza de que o arquivo envia os cabeçalhos HTTP 503 apropriados! Na dúvida, você pode dar uma olhada no código da função wp_maintenance().

Se seu banco de dados caiu, o WordPress envia um erro interno do servidor usando a função dead_db(). Se você está fazendo uma manutenção planejada no banco de dados, é preciso criar uma página personalizada com uma mensagem de erro – usando o arquivo db-error.phpem ​​sua pasta wp-content, que envia o cabeçalho HTTP 503 adequado.

Cuidado com o cache!

Se você está trabalhando com algum tipo de sistema de cache, muito cuidado ao realizar essas mudanças! Tenha absoluta certeza de que o código HTTP 503 está sendo enviado corretamente durante o tempo em que a manutenção está sendo realizada.

Se não tomar cuidado, o código HTTP 500 (“Internal Server Error”, um erro genérico) pode ser enviado e, definitivamente, isso é algo que você não vai querer que aconteça.

HTTP 503 através do robots.txt

Segundo este post de Pierre Longe no Google+, se você enviar um código de status HTTP 503 para o arquivo robots.txt, o Google vai parar todo o rastreamento no domínio até que seja autorizado a rastrear o robots.txt novamente. Essa é uma forma muito útil de prevenir uma eventual sobrecarga no servidor ao fazer manutenções.

Usar essa técnica ainda exige que você envie um HTTP 503 para cada URL do site, incluindo as que apontam para recursos estáticos, mas, depois que o Google tiver acesso ao robots.txt novamente, provavelmente vai parar de martelar seu servidor por um tempo.

Conclusão: saiba que cabeçalhos HTTP você está enviando

Em suma, você deve ter ciência do que está acontecendo em seu site/sistema e saber, exatamente, quais códigos de status HTTP são enviados em quais situações e por quanto tempo.

tweet de Vanessa Fox reforça bem essa ideia:

It’s about more than number of pages crawled – you need to know about important pages & what response code they return @vanessafox

Quer dizer: É muito mais do que sobre o número de páginas indexadas – você precisa saber a respeito das páginas importantes e qual código de resposta elas retornam.

É a mais pura verdade!


Problemas comuns de WordPress e como resolvê-los

Conheça problemas comuns de WordPress e saiba como facilmente resolvê-los através de soluções simples e eficientes.

Todos os dias há perguntas postadas nos fóruns de WordPress sobre alguns dos problemas mais comuns que novos usuários enfrentam. É fácil de instalar e divertido de trabalhar com WordPress e os novos usuários se animam, rapidmente, com os poderosos recursos oferecidos por muitos de seus plugins e temas.

Eventualmente, os neófitos se deparam com perguntas, questões e problemas que muitos antes deles também já se depararam. WordPress tem uma enorme comunidade global de usuários por trás, então, não importa o problema que um usuário esteja enfrentando, há uma boa chance de que alguns outros usuários já o tenham enfrentado e que já exista uma solução disponível para corrigir esse problema ou responder a essa pergunta.

Neste artigo, vamos discutir alguns desses problemas comuns de WordPress e aprender, através de suas soluções, como resolvê-los.

Consumo de memória do WordPress

Quando um site rodando em WordPress cresce em popularidade e pageviews, o consumo de memória é um dos primeiros (se não, o primeiro) problema que os mantenedores do site enfrentam. Se eles estão em uma hospedagem compartilhada ou um VPS, seus webhosts enviarão e-mails sobre o uso de memória e limite alocado. Pelo menos, os bons hosts farão isso; se for um de baixa qualidade, seu site pode apenas cair e você sequer vai ficar sabendo disso a tempo…

Felizmente, existem diversas soluções para esse problema.

O motivo pode ser um plugin ou tema mal feito rodando. Para descobrir, instale o plugin WP-Memory-Usage. Desative todos seus plugins, exceto o WP-Memory-Usage e, em seguida, vá ativando um por um. Observar como vai ficar o uso de memória depois de ativar cada plugin pode ajudar a descobrir qual(is) é(são) o(s) vilão(ões) da história.

Depois dessa verificação inicial, se os temas e plugins estiverem funcionando dentro do esperado, então pode ser uma ótima ideia instalar um plugin de cache, como W3 Total Cacheou WP Super Cache. Se um plugin de cache não reduzir significativamente a memória com as configurações padrão, será preciso uma configuração mais específica, alterando parâmetros tais como compressão, minify de scripts, aumentar o intervalo dos caches, etc.

Leia estes excelentes artigos (em inglês) sobre como otimizar instalações de WordPress:

Sites em WordPress hackados

Outro problema comum de WordPress é descobrir que seu site foi invadido! As chances de tal coisa acontecer em seu site podem ser significativamente reduzidas seguindo algumas dicas práticas de segurança para WordPress.

Existem diferentes tipos de hacks que os usuários do WordPress enfrentam. O mais comum deles é quando um site redireciona para algum outro site com conteúdos ilegais e/ou obscenos, links injetados para outros sites, códigos estranhos em arquivos de temas, etc. Lembre-se de que, na maioria das vezes, é fácil corrigir esses problemas.

  • Mantenha sempre a instalação do WordPress atualizada com a última versão
  • Faça backups regulares de sua instalação e banco de dados WordPress
  • Execute o WP-Security-Scan, um excelente plugin para detectar códigos suspeitos em seus temas, plugins e arquivos principais do wordPress. Se você encontrar algo suspeito em plugins ou temas, apague! Se você encontrar algo suspeito no core do WordPress, substitua por novos!
  • Verifique regularmente seu arquivo .htaccess por mudanças e códigos suspeitos
  • Leia o artigo “My site was hacked” no Codex do WordPress, peça ajuda em fóruns, peça a ajuda do seu provedor de hospedagem para ter certeza que não aconteceu um ataque em todo o servidor.

Perda da senha de admin e/ou e-mail

É realmente surpreendente quantas pessoas instalam o WordPress e esquecem seus nomes de usuário, senha e e-mail utilizados durante a instalação. Existem várias maneiras de recuperar senha e nome de usuário e é importante conhecer algumas delas.

Recuperar senha do WordPress via PHPMyAdmin

Se você tiver acesso ao banco de dados através do phpMyAdmin, vá até lá e encontre a tabela wp_users. Clique na aba “Procurar” e, em seguida, encontre seu user_login. Clique no ícone “Editar”, à esquerda da linha. Agora você vai ver sua senha encriptada; exclua e substitua por qualquer senha que quiser. Haverá um drop-down “Funções” ao lado. Clique sobre ele e selecione “MD5”. Clique em “Executar” e pronto, você atualizou sua senha!

Recuperar senha do WordPress por FTP

Conecte em seu site via FTP, vá em wp-content/themes/SEU_TEMA. Substitua “SEU_TEMA” com o nome do tema ativo em seu site. Edite o arquivo functions.php (se você não tiver um no seu tema, crie). Adicione esta linha:

Substitua “NovaSenha” com qualquer senha que você quiser. O “1” é o para o user_ID – supondo que você é o admin do site e não excluiu o primeiro usuário que criou durante a instalação.

Faça upload do arquivo editado de volta para o servidor. Agora, faça o login usando a senha que você adicionou no functions.php. Uma vez que você tenha conseguido logado, lembre-se de apagar esta linha de seu arquivo de funções.

Escrevendo código em posts e widgets

Para fazer o WordPress mais seguro e proporcionar um ambiente confiável e consistente, por padrão a plataforma não permite que os usuários insiram códigos nos posts, comentários e widgets. No entanto, depois de algum tempo a maioria dos novos usuários se sente confortável o suficiente com o WordPress para querer adicionar funcionalidades diferentes nessas áreas.

Por exemplo, para mostrar os códigos deste artigo, não é possível simplesmente colar o código. Ele seria retirado pelo WordPress e não seria mais legível.

Adicionando código nos posts do WordPress

Codex do WordPress sugere o uso de entidades HTML para escrever código, mas esta é uma forma muito custosa de se fazer isso. Então, se você pretende compartilhar regularmente trechos de código com os visitantes de seu website, então você precisa de algum plugin específico, tal como o Syntax Highlighter Evolved.

O plugin permite escrever código em seus posts e estilizar códigos com shortcodes. É muito fácil de usar, personalizável e suporta várias linguagens incluindo PHP, JavaScript, HTML e CSS.

Adicionando código nos widgets da barra lateral

Também pode haver a necessidade de exibir trechos de códigos em Widgets ou adicionar uma função ou tag em um widget. Para isso, é possível instalar algum plugin, como PHP Code Widget ou Widget Logic.

Conclusão

Certamente, deve haver outras perguntas comuns, questões e problemas que os novos usuários de WordPress muitas vezes se deparam. A primeira coisa a se fazer quando se deparar com qualquer problema com seu site WordPress é pesquisar.

Faça buscas usando diversos termos e você vai ver que muitas pessoas já forneceram soluções para esses problemas de WordPress. Se não, você pode sempre fazer perguntas no Fórum WordPress, IRC e outros fóruns WordPress relacionados.

E você, conhece algum problema comum de WordPress e a solução adequada?


Pixels, pixels ou pixels? Dicas de Web Mobile com viewport

Foi-se o tempo em que pixel significava apenas o menor ponto na tela. Bastava dizer que uma imagem tinha 200px, e então ela ocuparia 200 pontos, ou seja, 25% de uma tela de tamanho padrão 800×600.

Mas o mundo mobile mudou completamente o jogo e, hoje, o conceito de pixel pode significar várias coisas.

(Atualização: escrevi mais detalhadamente sobre esses aspectos dos pixels diferentes e viewport, incluindo telas retina, no meu livro A Web Mobile, publicado pela editora Casa do Código. Se você estuda design responsivo, sites mobile, e assuntos relacionados, vai gostar desse livro.)

Os primeiros Smartphones

Era muito comum que os smartphones da Nokia lá pelos idos de 2007 tivessem uma resolução de 240×320 pixels, como um N95.

Quando surgiu o primeiro iPhone, sem teclado e só touch, a Apple decidiu explorar um tamanho maior de tela, 320×480 pixels. Era o dobro dos pixels normalmente usados na época, com um tamanho físico mais ou menos também com o dobro do tamanho.

Esses valores representam o tamanho físico do aparelho, o número de pixels físicos existentes. Na prática, um iPhone conseguia exibir páginas com mais que 320 pixels de largura. O truque era trabalhar com a ideia de zoom.

Na imagem anterior, abrimos o site da Caelum, que tem 960px de largura, em um iPhone de 320px. Repare como, apesar de menor, o Site está sendo renderizado corretamente.

Mas nosso HTML e CSS não foi codificado pensando em 320px, e sim em 960px. Quando colocamos a imagem do logotipo, por exemplo, nosso HTML diz <img src=".." width="160" height="50">. E, obviamente, o logo não está sendo renderizado a 160px, senão ocuparia metade da tela de 320px do iPhone. Se você medir, verá que o logo está sendo renderizado em mais ou menos 52px, ou 1/6 da tela do iPhone.

CSS pixels e o layout viewport

Repare que usamos uma medida de pixels no HTML/CSS que difere do pixel real usado na tela. O navegador do iPhone, na verdade, se comporta como se tivesse 980px de largura, embora o aparelho tenha apenas 320px. Isso é feito para que o usuário possa ver páginas feitas para Desktop sem problemas.

Nossa página funciona como se tivéssemos 980px disponíveis. Quando escrevemos “245px” no CSS, estamos nos referindo a 1/4 dessa tela imaginária de 980px. Na hora de exibir, porém, os 980px serão encaixados nos 320px reais, aplicando um zoom out.

Essa tela imaginária de 980px é o que chamamos de layout viewport. É o tamanho com o qual trabalhamos no nosso HTML/CSS, sem nos preocuparmos com a renderização no aparelho. Repare que um pixel no layout viewport tem outro significado do pixel físico do aparelho. É comum chamá-lo de CSS pixel.

Zoom e o visual viewport

Mas navegar no celular nessa página gigante sem zoom é praticamente impossível. A grande diferença da navegação mobile com a Desktop é o frequente uso do zoom e o scroll em todas as direções.

Na imagem acima, demos um zoom para ver mais detalhes. Repare que a o layout da página continua o mesmo. Um elemento de “245px” continua ocupando 1/4 do total do nosso layout viewport. A diferença é que, agora, só estamos visualizando uma parte do layout viewport; o restante está fora da tela, e precisaríamos fazer scroll para ver.

Isso nos leva para outro conceito importante: o visual viewport, que representa o tanto do layout viewport que conseguimos visualizar no momento.

Geralmente não estamos interessados no tamanho do visual viewport. Lembre que os CSS pixels são sempre relativos ao layout viewport.

Sites mobile e a meta tag viewport

Abrir um site Desktop no celular é uma experiência pouco agradável. Frequentemente, vamos querer criar uma página otimizada para mobile, que não demande tanto zoom e já mostre o conteúdo em tamanho e formato interessantes para uma tela tão pequena.

Como fazer? Obviamente, não podemos deixar a página com layout fixo em, por exemplo, 960px. Podemos tentar um width:100% no elemento principal, pensando em se adaptar a diversos tamanhos de tela.

Nosso layout viewport é considerado como 980px e o site é mostrado como se fosse de Desktop, com zoom mínimo e conteúdo praticamente ilegível. Que tal colocar width:320px, o tamanho real do dispositivo?

O layout viewport continua em 980px mas o conteúdo fica em 320px. O usuário precisa dar zoom para visualizar e, pior, a página fica com um imenso espaço em branco.

O que precisamos é uma forma de redimensionar o layout viewport para que ele seja mais adequado a tela pequena do mobile. A Apple introduziu uma meta tag viewport no iPhone que, depois, foi adotada em praticamente todas as plataformas móveis – Android, Opera, Windows Phone etc.

<meta name="viewport" content="width=320">

Isso indica ao navegador que o layout viewport deve ser 320px. Agora, colocar width:100% vai significar 320px, deixando a visualização mais confortável.

Viewport flexível com device-width

Deixar “320” fixo na nossa tag de viewport pode não ser uma boa ideia. Há diversos aparelhos diferentes no mercado, cada um com tamanho diferente. E mobile agora também inclui tablets, como o iPad, que tem largura de 800px.

É possível deixar a meta tag viewport com tamanho flexível, baseado no tamanho do aparelho. Basta usarmos:

<meta name="viewport" content="width=device-width">

Isso assumirá o valor, por exemplo, de 320px no iPhone e 800px no iPad. Outros aparelhos poderão assumir outros valores.

Altíssimas resoluções

Antes de aparecerem os Androids de alta resolução e, depois, o iPhone 4, toda a história dos pixels se resumia a diferença entre os CSS pixels e os device pixels. Isso porque um device pixel no iPhone clássico significava um pixel físico na tela.

A retina display mudou isso. O iPhone 4 passou a vir com resolução de 640×960 pixels, melhorando a renderização de textos e imagens. Outros celulares foram até além. O Galaxy Nexus, por exemplo, tem resolução HD de 720x1280px.

Como ficam nossas páginas mobile então que assumiam uma resolução bem menor? Com resolução tão alta quanto um Desktop, os celulares mais modernos vão renderizar as páginas bem pequenas, como um site Desktop? Nossas páginas continuam funcionando porque esses dispositivos de alta resolução continuam reportando um device-width de 320px, pra manter a compatibilidade.

A ideia de reportar um device-width diferente do tamanho de pixels físicos surgiu no Android e depois foi copiada pelo iOS e outras plataformas.

Dessa forma, conseguimos evoluir a resolução da tela com densidades de pixels maiores (dpi) sem afetar a forma como o usuário usa nosso Site mobile, que continua otimizado para telas pequenas.

Os três pixels

Um pixel, pode então, representar três conceitos diferentes quando lidamos com mobile:

Pixel físico: número real de pixels na tela. Nos celulares modernos, é um número altíssimo, com ótima resolução, geralmente com densidade acima de 300 dpi.

Device pixel: é o número de pixels reportado pelo aparelho como sendo seu tamanho. É pensado pra ser um valor que ofereça conforto visual para o usuário olhando para aquele tamanho de tela. É comum que esse valor seja 320px em celulares, copiado do iPhone original.

CSS pixel: é o que usamos no HTML/CSS como px, representando um tamanho dentro do layout viewport. Quando colocamos a meta tag viewport com valor width=device-width, estamos dizendo que nosso CSS pixel é igual a um Device pixel.

Hoje, no Desktop, esses três pixels são equivalentes**. Mas, em breve, teremos que lidar com esse tipo de diferença também no Desktop com a chegada das telas de alta densidade também aos computadores.

Lidando com zoom

Mesmo otimizando nossa página para 320px, o usuário ainda pode dar zoom na página. Em alguns cenários, pode ser interessante desabilitar o zoom, o que pode ser feito na tag viewport com user-scalable:

<meta name="viewport" content="width=device-width, user-scalable=no">

De maneira geral, é interessante deixar o usuário dar zoom caso queira, já que este é um gesto comum ao usar a Web no celular. Podemos, porém, controlar os níveis de zoom com as propriedades minimum-scale e maximum-scale:

<meta name="viewport" content="width=device-width, minimum-scale=0.5, maximum-scale=4">

O código acima indica que o usuário pode aumentar até 4x a página e diminuir até pela metade.

Podemos controlar também o nível padrão de zoom quando a página é aberta, com initial-scale:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

O valor 1.0 é muito comum quando trabalhamos com device-width e significa o zoom padrão. Se tivermos uma página Desktop não otimizada pro viewport de mobile, podemos usar essa propriedade para controlar o zoom inicial (lembre que o inicial é mostrar todo o layout viewport de 980px, o que pode não ser interessante).

Por fim, é importante citar um bug do iOS que afeta o zoom e o viewport quando rotacionamos o dispositivo em uma página com width=device-width que permita zoom. Se você abre a página no modo retrato, ele vai assumir o scale como 1.0, deixando o visual viewport igual ao layout viewport. Ao rotacioná-lo para modo paisagem, o dispositivo mantém o visual viewport no valor antigo, mas aumentando o layout viewport. Na prática, a página dá zoom automático e o lado direito da página não fica visível. O usuário, que não deu zoom, precisa diminuir o zoom para ver tudo.

É um bug famoso que acontece só no Mobile Safari do iOS, não existindo no Android e outras plataformas. A solução mais direta é desabilitar o zoom por completo, algo que é feito em diversos sites mobile por causa desse bug. Mas não é a solução ideal, já que poder dar zoom é uma feature que interessa ao usuário mobile. Existem alguns hacks para tentar resolver esse problema no iOS.

Conclusão

Trabalhar com telas diferentes é um grande desafio. O uso da meta tag viewport procura facilitar a padronização das páginas nos mais diversos tamanhos de telas e densidades de pixels. Compreender os diferentes significados de viewports e pixels é essencial para se desenvolver para mobile.

E, usando ainda media queries, podemos criar páginas que se adaptem facilmente a diversos dispositivos.

O curso WD-43 da Caelum, de desenvolvimento Web, trata também de tópicos de Web Mobile. Mostramos o uso do viewport e media queries para criação de uma página responsiva. Além disso, meu livro A Web Mobile, aprofunda em diversos assuntos de design responsivo e aspectos técnicos de sites para dispositivos móveis.

Referências

** No Desktop, quando damos zoom numa página, também temos a complicação dos viewports diferentes e a diferença entre CSS pixels e device pixels. Mas, na prática, todo mundo ignora e assume zoom de 100%, onde os CSS pixels são iguais aos device pixels.


Saiba mais sobre Wireframes antes de contratar um desenvolvedor da Web
Você deve explicar sua visão se você espera que seu desenvolvedor web compartilhe sua visão.
As opiniões expressas pelos contribuintes empresariais são próprias.

Como alguém que esteve em ambos os lados do contrato, como freelancer e como cliente, uma das coisas mais bem vindas que você pode fazer para um freelancer é ajudá-los com seu trabalho de forma significativa.

Você é o cliente do inferno?

Quando se trata de desenvolvimento web, isso significa duas coisas. Primeiro, leia os Clientes do Inferno e se esforça para nunca ser “esse cara”. Em segundo lugar, esteja pronto para apresentar seu desenvolvedor web com um wireframe.

Quando digo a palavra wireframe, o que você imagina? Se você está pensando em CGI e modelos poligonais dos anos 80, você está um pouco fora da marca. Um wireframe de design web é como esse esqueleto poligonal, mas para um site.

O que é um wireframe?

É um layout gráfico e design que não exige nenhuma codificação, manipulação de imagem, ou mesmo mais do que colocar um lápis em uma folha de papel quadrado. Basta verificar alguns desses exemplos .

Um wireframe é uma ferramenta incrivelmente útil para um desenvolvedor web. Isso mostra exatamente o que você tem em mente e dá-lhes uma idéia da escala de vários elementos, os elementos cruciais que você deseja incluir em suas páginas. O wireframe é uma espécie de truque de codificação que eles podem precisar para implementar para que tudo aconteça.

Desta forma, você não os surpreende com “oh, e por sinal, eu quero a navegação na barra lateral” ou “hey, na verdade, você pode fazer essa imagem estática uma apresentação de slides?”

Você economizará tempo, você economizará dinheiro e você salvará o sangue, o suor e as lágrimas de você e seu desenvolvedor web.

Mas espere! Eu estou assustado.

Se você tem medo da complexidade de um wireframe, não se preocupe com isso. Você não precisa fazer um design em escala completa de todas as páginas em seu site. Tudo o que você realmente precisa são os princípios básicos. Você quer saber onde você terá sua navegação e qual o tipo de layout que deseja para as páginas do produto.

Você quer um par de detalhes sobre quantos slots extras você precisa para miniaturas de artigos ou outros produtos relacionados. Alguns dos wireframes da galeria acima são muito simples, não mais do que um punhado de caixas aninhadas em outras caixas, mas ainda é suficiente para um desenvolvedor web começar.

Além disso, lembre-se, faz parte do trabalho do desenvolvedor para ajudá-lo a refinar o design. Eles podem dizer-lhe “hey, este design é um pouco confuso, e se cortarmos isso e mudarmos para lá?”

O design moderno é uma chave.

Eles podem dizer-lhe que os padrões de design modernos sugerem que você não deveria ter sua navegação no lado direito na calha. Eles podem usar seu wireframe como base. Apenas corta as primeiras cinco ou seis fases de prototipagem de ida e volta, o desenvolvedor normalmente teria que passar para chegar a este estágio com você.

Os wireframes também são muito fáceis de criar, desde que você tenha e mantenha uma visão do que você deseja que seu site pareça. Eu já disse que você pode colocar um lápis em uma folha de papel e fazer um, mas você também pode usar uma das dezenas de aplicativos lá fora.

O padrão da indústria que encontrei é o Balsamiq, que é livre para tentar e barato para comprar. Ou você pode usar outras ferramentas como Wireframe.cc, Moqups ou UXPin para soluções baseadas na web.

Se preferir trabalhar a partir de um tablet ou dispositivo móvel, o OmniGraffle funciona no iOS, o Wire Flow funciona no Android e o Fluid UI funciona em ambos.

Tudo o que você faz é um processo.

Na verdade, não é tão difícil quanto parece – ou soa. Lembre-se, produzir qualquer coisa é um processo iterativo. Passando de uma idéia para um esboço, de um esboço para um wireframe, de um wireframe para um projeto mais detalhado, e de lá para um protótipo é típico.

Qualquer quantidade de ajuda que você possa trazer para o seu desenvolvedor percorrerá um longo caminho – e confie em mim – é muito apreciada.


Uma nova ferramenta para adicionar recursos do Facebook ao seu site

Boas notícias para o empresário das redes sociais: o Facebook facilitou a integração de suas funções sociais em muitos sites. O gigante da mídia social baseado em Menlo Park lançou seu próprio plug-in pré-fabricado para o popular site e ferramenta de blogs , o WordPress.

Com o novo plug-in, chamado Facebook para WordPress , os proprietários de sites podem adicionar botões Like, Subscribe, Send e Recomendações facilmente em páginas não só, mas também em álbuns de fotos e lojas online – adicionando opções adicionais de compartilhamento e engajamento. Uma função chamada Social Publisher publica automaticamente novos conteúdos em um site de volta para a página do Facebook da empresa. Existem também funções Insights, que acompanham a quantidade de atividade que ocorre.

Ao ser apelidado de “o oficial” plug-in do Facebook para o WordPress, esta ferramenta entra em um campo lotado de complementos do Facebook, incluindo o Facebook Connect , o Facebook Tab Manager e os membros do Facebook .

Aqui estão quatro razões pelas quais um negócio pode considerar a integração de recursos do Facebook em sua experiência online:

1. É fácil de adicionar. 
Os sites que funcionam no WordPress devem encontrar o plug-in simples de baixar e configurar a partir dos painéis de controle do WordPress. As opções incluem cor, tamanho e escolha as páginas para colocar links no Facebook.

Para sites que não usam o WordPress, você ainda pode adicionar muitos desses recursos ao seu site. Visite os desenvolvedores.Facebook.com e escolha entre opções semelhantes. O Facebook fornecerá algumas linhas de código para copiar e colar nas ferramentas de edição nas páginas de controle de um site.

2. Obter novos “amigos”. 
Ao adicionar um botão “Curto” ou “Compartilhar” em uma página ou publicação, as empresas estão permitindo que clientes e visitantes compartilhem conteúdo facilmente em suas próprias paredes no Facebook. Esse recurso pode ajudar a espalhar a mensagem de uma empresa mais, mais rápido e ajuda as informações a serem virais.

Considere também usar o recurso de comentários do Facebook. Permite que as empresas evitem discriminadores anônimos e coloca nomes e rostos reais para comentários.

3. Acesse análises mais detalhadas. 
O recurso Insights do plug-in pode fornecer uma dimensão adicional às análises para empresas. As empresas já têm acesso aos dados de log da Web para quantas pessoas visitam seu site e de onde elas são. Mas com a Insights, as empresas podem dizer quantos visitantes realmente “gostam” de uma página.

Por exemplo, postar um álbum de fotos com 100 visualizações pode ser analisado adicionalmente, rastreando qual imagem obtém o máximo de “Likes”. Os dados que você coleciona da Insights podem ajudá-lo a melhorar o envolvimento do cliente com seu site.

4. Mantenha sua marca socialmente relevante. 
O plug-in torna tão simples quanto possível colocar um ícone bem conhecido, como o botão “Curtir” do Facebook na página da empresa. Com mais e mais clientes socialmente conscientes, isso pode ajudar a aumentar a credibilidade adicional em um site.


3 Riscos de segurança ocultos para usuários do WordPress

O WordPress é indiscutivelmente o sistema de gerenciamento de conteúdo mais popular da web e a plataforma de blogs, e por uma boa razão. O sistema é gratuito, fácil de usar e fornece uma grande variedade de recursos que de outra forma custariam aos empresários milhares de dólares em despesas de desenvolvimento.

Mas se algo parece bom demais para ser verdade, geralmente é. Embora a plataforma WordPress ainda represente uma opção de desenvolvimento web útil para pequenas empresas, é fundamental que você se familiarize com algumas das fraquezas do sistema para evitar seus perigos de segurança ocultos .

O WordPress atualiza sua plataforma com freqüência para responder a ameaças conhecidas, mas não é capaz de policiar todas as possíveis. Aqui está uma olhada nas três maiores fraquezas de segurança da plataforma que você deve estar ciente:

1. O WordPress é susceptível de ataques e hacking de URL. 
A plataforma WordPress executa scripts do lado do servidor na linguagem de desenvolvimento web PHP, usando comandos enviados através dos chamados parâmetros de URL para controlar o comportamento dos bancos de dados MySQL que armazenam os dados do seu site.

Se isso tudo so bastante técnico, não se preocupe. Você não precisa entender a codificação da web para proteger seu site. O que você precisa saber é que esse tipo de estrutura do site é vulnerável a um determinado tipo de ataque. Os hackers podem usar parâmetros de URL maliciosos para revelar conteúdo de banco de dados sensível, um processo conhecido como “ataques de injeção SQL”. Uma vez que os hackers tenham essa informação, eles podem seqüestrar seu site e substituir seu conteúdo por spam ou malware.

Para proteger o seu site WordPress de tal ataque, considere modificar o arquivo .htaccess do seu site, que é um arquivo de configuração que permite que você controle a maneira como seu servidor de hospedagem se comporta. Você pode evitar que os pedidos de parâmetros de URL dos hackers sejam bem sucedidos, incluindo o código encontrado aqui.

Tenha em atenção que este código destina-se aos proprietários do WordPress que utilizam o hospedagem web baseada no Apache. Se você não tem certeza do tipo de hospedagem que você usa ou se precisar de assistência na modificação do arquivo .htaccess do seu site, entre em contato com a equipe de suporte de seu provedor de hospedagem web ou com um desenvolvedor web privado.

2. Os temas gratuitos do WordPress freqüentemente possuem explorações de segurança. 
Um dos maiores benefícios do WordPress é que você pode instalá-lo de graça, usar plugins gratuitos para adicionar funções e baixar arquivos de tema gratuitos para dar ao seu site uma aparência atraente. Infelizmente, os desenvolvedores sem escrúpulos possuem arquivos de temas para download com tudo, desde links de spam indetectáveis ​​até arquivos de malware que infectam um site uma vez que o tema está instalado.

Para manter seu site seguro, baixe arquivos apenas de fontes que você conhece e confie. Os temas pagos representam menos risco de segurança do que temas gratuitos. Mas se quiser temas gratuitos, você pode digitalizá-los para detectar malwares antes de enviá-los para detectar ataques que possam ter ocorrido usando o programa anti-vírus instalado no seu computador.

3. O processo de login padrão do WordPress pode ser facilmente pirateado. 
Todos os logins do painel do WordPress estão localizados no mesmo endereço em URLs, o que significa que quase todas as páginas de login do WordPress podem ser encontradas aqui . Além disso, as configurações padrão do WordPress não permitem logins seguros. Isso significa que um site executado na plataforma WordPress pode ser suscetível a ataques de “força bruta”, nos quais os programas de bot tentam várias combinações de logs com a esperança de que uma combinação de sorte permita o acesso ao site.

Para ter uma ideia de quão prevalecente são esses ataques, considere que os sites hospedados pelo popular blogging site Copyblogger experimentam entre 50.000 e 180.000 tentativas de login não autorizadas a cada dia .

Para proteger o seu site, instale o plugin Limit Login Tentpts . Além disso, você pode trabalhar com seu provedor de hospedagem na web para bloquear os endereços IP que fazem múltiplas tentativas de login sem êxito.

Embora possa parecer muito trabalho para tomar essas precauções, você pode gastar muito mais tempo e esforço tentando consertar seu site se você acabar com a vítima de uma tentativa de hacking bem sucedida.


5 dicas para projetar seu site para atender cada cliente individualmente

Pesquisas atuais mostram que 40% dos consumidores compram mais de varejistas que personalizam sua experiência de compra em todos os canais. Além disso, quase três em cada quatro, ou 74 por cento, de consumidores online ficam frustrados com sites quando o conteúdo exibido não tem nada a ver com seus interesses. É claro que um site personalizado é uma vantagem para todos os comerciantes ou empresários que lideram um negócio de sucesso hoje.

A personalização do site leva em consideração que os usuários têm diferentes motivações, dispositivos, locais e restrições de tempo. Com a tecnologia atual, os comerciantes podem agora reunir informações específicas sobre o que um visitante do site está procurando e traduzir sua visita em uma conversão mais alta

“As organizações gastam dezenas ou centenas de milhares de dólares, e às vezes até milhões de dólares, para criar experiências dinâmicas dinâmicas na web”, explicou Itai Sadan, CEO e co-fundador da plataforma de criação de sites móveis DudaMobile . A empresa recentemente lançou no site que adiciona conteúdo web dinâmico com base no comportamento do cliente para criar experiências de visualização personalizadas.

“Ferramentas caras e esse tipo de personalização tradicionalmente requer um desenvolvimento e projeto substancial na web, e é por isso que estamos entusiasmados por ter preços acessíveis para essa indústria explosiva”, disse Sadan.

A personalização do site em uma escala de massa é realmente possível com o crescente número de opções de baixo custo disponíveis para os empresários hoje. Aqui estão cinco maneiras pelas quais os empresários podem começar a aumentar a conversão através da personalização básica do site:

1. A frequência do visitante deve determinar diferentes experiências do usuário.  Um visitante de um site pela primeira vez quase sempre estará procurando informações diferentes do que alguém que visita o site repetidamente.

David Reischer, diretor de marketing da LegalAdvice.com , sugere acompanhar cada usuário de forma diferente para dar experiências de usuário diferentes. “Utilizamos um cookie para rastrear um visitante que retorna para que possamos direcioná-los para a página mais adequada e relevante. Isso torna a navegação no site mais fácil para usuários repetidos “.

Para aumentar a conversão de visitantes pela primeira vez, inclua um número de telefone ou endereço comercial, um formulário de contato para capturar leads ou um tutorial de vídeo para explicar um produto ou serviço para um visitante pela primeira vez.

“Para visitantes frequentes, adicione um ponto para se inscrever para uma lista de endereços ou adicionar informações sobre novos produtos ou serviços”, sugere Sadan.

2. A localização geográfica ajuda a reunir o marketing online e offline.  A capacidade de saber onde alguém está no momento em que visitam um site é a mudança de jogo para os comerciantes.

“Online, podemos acompanhar a jornada de compra individual do nosso cliente, otimizando-a a cada passo”, explica Bart Heilbron, CEO e co-fundador da BlueConic , o sistema em tempo real de engajamento de clientes online. “No entanto, nunca fomos capazes de usar esses insights em nossa interação off-line. Com a localização geográfica, agora podemos fazer. ”

Se alguém está a poucos quarteirões de distância de uma empresa e procurando em um telefone celular, é provável que eles possam ser facilmente convertidos como clientes se eles veem um endereço e até um cupom que diz: “Entre hoje e descanse 20%”. restaurantes, um botão OpenTable para reservar uma tabela ou um aplicativo Google Map que fornece instruções passo a passo para o local da loja são críticos para a conversão.

3. Ajuste o conteúdo com base em determinados horários.  Alterar o conteúdo em um site com base na hora do dia, semana ou mesmo temporada também pode aumentar as conversões. Considere substituir um número de telefone disponível para os visitantes do site durante o horário comercial com um formulário de contato quando o negócio está fechado. Isso evitará perder os clientes potenciais que desejem entrar em contato fora do horário comercial.

“A capacidade de oferecer produtos diferentes ao longo de um dia com base em tendências, hábitos ou cultura direcionados aumentará as conversões”, disse o CEO da empresa de marketing na internet , WebiMax , Ken Wisnefski. “Por exemplo, um restaurante oferece um menu diferente ao longo do dia, quando eles mudam de almoço para jantar”.

4. Reconheça feriados e outros eventos especiais.  Esta é uma ótima maneira de personalizar um site e se conectar melhor com o sentimento de um cliente. Mude o tema para os corações durante o Dia dos Namorados ou adicione uma imagem de fogos de artifício durante o 4 de julho.

“Isso poderia ter um efeito positivo no engajamento do cliente e, por sua vez, conversão”, disse Sadan.

5. Capture a fonte do visitante para adaptar o conteúdo.  Conhecer a fonte de destino original que um visitante entrou em um site deve impactar significativamente o conteúdo na página de destino que eles vêem primeiro. Isso pode proporcionar uma experiência perfeita e consistente para o visitante.

De acordo com Sadan, “Os visitantes que chegam ao seu site a partir de uma campanha de marketing por e-mail ou como uma referência de outro site devem receber mensagens dedicadas que estão alinhadas com a mensagem que eles viram no e-mail ou no site de referência. Oferecer um cupom neste ponto também pode ser uma boa idéia “.


Os 11 pior pedaços de conselhos que você já ouviu (e o que fazer em vez disso)
O “2 centavos” de algumas pessoas deixa você com apenas isso.

Como instruções ruins, um conselho ruim pode orientá-lo fora da pista. Principais empresários e membros de The Oracles pesam sobre os piores conselhos que eles constantemente ouviram e o que fazer em vez disso.

Grant Cardone
Crédito da imagem: os oráculos

1. O sucesso é uma jornada, não um destino.

Quantas vezes você já ouviu a frase: “O sucesso é uma jornada, não um destino”? Por favor! O sucesso não é apenas uma “jornada”, é um estado sobre o qual você tem controle e responsabilidade. Nenhum clube da NFL conta a sua base de fãs que é a jornada que conta. Todo mundo sabe que é tudo sobre o anel: o Super Bowl. Um bombeiro que conduz um caminhão de bombeiros não está focado na jornada; Ele está focado em chegar ao fogo e colocá-lo fora.

Sua vida não é diferente. É o destino mais importante. As pessoas que dizem o contrário provavelmente correm um seminário ou tentam vender um livro. – Grant Cardone , especialista em vendas superior que construiu um império imobiliário de US $ 500 milhões e um autor de best-seller do NYT ; siga Grant no Facebook ou no YouTube

Tim Draper
Crédito da imagem: os oráculos

2. Recupere sua equipe.

Um conselho de consertos rápidos que ouço o tempo todo é: “acelerar sua equipe”. Na verdade, todo empresário deve manter seu time tão magro quanto possível até encontrar um produto forte ou um ajuste de mercado. Uma equipe maior não faz um melhor lucro.

Como mencionei no meu livro, Como ser o Startup Hero , uma vez que três grandes clientes estão pagando pelo seu serviço e estão dispostos a expandir sua compra, só então você pode “acelerar” o negócio. – Tim Draper , lendário VC, fundador da Draper Associates e DFJ

Michael Johnson
Crédito da imagem: os oráculos

3. Apenas seja positivo.

Na indústria do comportamento humano e otimização do potencial pessoal, as pessoas adoram dizer: “Apenas seja positivo”. Isso coloca as pessoas para um pesadelo de saúde mental! Ninguém é apenas positivo ou negativo; as pessoas mais bem sucedidas são equilibradas.

Se uma pessoa é excessivamente otimista, eles geralmente não consideram os riscos associados às suas ações ou aprendem através de tentativas e erros dolorosos. Muitos auto-proclamados “pensadores positivos” se espalha internamente por seus pensamentos negativos, ao mesmo tempo em que estabelecem expectativas irrealistas sobre se sentirem felizes ou pacíficas constantemente. É melhor ficar equilibrado: há uma hora e um lugar para todas as emoções. – Michael Johnson, “The Mojo Master”, palestrante e treinador de mentalidade para atletas profissionais e empresários de elite; siga Michael no Facebook

Michael Alden
Crédito da imagem: os oráculos

4. Siga o exagero.

Nova tecnologia gera exagero e desinformação. Recentemente, investei muito tempo e recursos em cryptocurrency. Eu estudei como se eu preparasse para o exame de bar. Ao analisar as tendências da corrente criptográfica, eu aprendi que você sempre deve fazer sua pesquisa. Não basta investir em algo porque seu amigo envia um texto dizendo: “Compre isso agora”. Atuar cegamente na histeria é uma receita para o desastre.

Em vez disso, faça perguntas. Leia sobre isso. Os bons empreendedores se adaptam e atuam rapidamente. Mas o melhor ato com informações confiáveis ​​para aumentar seus negócios e patrimônio líquido. Michael Alden , autor de best-seller e CEO daCloiXonné

Sharran Srivatsaa
Crédito da imagem: os oráculos

5. Não seja uma “aberração de controle”.

Todo empreendedor alto provavelmente foi criticado como um “freak de controle” em algum momento. No entanto, tendo em conta as inúmeras distrações diárias que os empresários encontram, se você quer fazer “um trabalho profundo” com um impacto abrangente, você tem de controlar o seu tempo para fazer cada dia uma obra-prima.

Meu “dia da obra-prima” é composto por seis categorias: comer, mover, dormir, trabalhar profundamente, servir e desenvolver pessoal. Cada categoria tem uma ação que eu posso realizar nesse dia, seja 30 minutos de exercício (mover) ou fazer uma chamada de inspiração 5am ​​Club (serviço). Para alcançar seu potencial, exerça controle sobre sua vida. – Sharran Srivatsaa , investidor-anjo e presidente da corretora (região ocidental) em Douglas Elliman; cresceu Teles Properties 10X em cinco anos

Steve Griggs
Crédito da imagem: os oráculos

6. Faça o que você ama e o dinheiro seguirá.

Durante anos, eu acreditei: “Faça o que você ama e o dinheiro vai seguir”. Eu perderia dinheiro em projetos e me dizia: “Não se preocupe, o dinheiro vai seguir”. Eu tive que desaprender esta lição do jeito difícil .

Em qualquer empreendimento, certifique-se de entender as finanças. Não se sinta culpado por fazer lucro. O lucro é a linha de vida de qualquer negócio. Em vez de apenas “fazer o que você ama”, eu digo, “seja justo, honesto e obtenha lucro”.

Outro conselho que eu ouvi dizer é “ficar sob o radar”. Não tenho certeza de como eu consegui isso embutido na minha cabeça; não faz sentido. Se as pessoas não o conhecem, elas não comprarão de você. – Steve Griggs , fundador e CEO da Steve Griggs Design ; O premier designer de paisagens da NYC transformou os quintais e os jardins do telhado em fugas privadas

Jared Goetz
Crédito da imagem: os oráculos

7. Sempre triturar.

Muitos empresários glorificam “o grind”. Não me interpretem mal: sou um grande proponente de trabalhar duro e fazer as coisas, mas acho que é tão importante, se não mais, ter equilíbrio.

Muitas vezes, os empresários ficam tão apanhados na moagem que não conseguem ver que o que eles estão trabalhando não os impulsiona. Trabalho inteligente. Concentre-se no seu bem-estar. Reserve tempo pessoal. Reflita. Estas práticas terão efeitos maciços e positivos sobre o seu sucesso. – Jared Goetz , empresário em série e especialista em comércio eletrônico; co-fundador de quatro empresas multimilionárias em cinco anos

John Hanna
Crédito da imagem: os oráculos

8. As decisões empresariais devem basear-se na lógica, e não nas emoções.

O conselho de fazer decisões comerciais lógicas soa racional, mas é falho. A neurociência provou que é impossível tomar decisões sem emoção. Todos entrámos em um campo de negócios armado com fatos, números e pesquisas independentes, pensando que nossa proposta é à prova de balas, apenas para receber um “No.” definitivo.

Isso porque a semente da motivação está no coração. Se você aplicar apenas lógica a negócios, você estará condenado a falhar porque a tomada de decisões é principalmente emocional. A paixão, a resistência e o zelo são impulsionados pelas emoções. Lógica, sabedoria e razão são ferramentas que a mente alavanca para que as decisões baseadas em emoções sejam bem-sucedidas. – John Hanna , autor de ” Way of the Wealthy ” e CEO doFairchild Group

Nafisé Nina Hodjat
Crédito da imagem: os oráculos

9. Seja um buldogue.

O pior conselho que recebi como advogado é: “Seja um buldogue”. Todos querem um advogado feroz e implacável. No entanto, um advogado de defesa criminal implacável e feroz sem uma estratégia holística só será efetivo em uma pequena porcentagem de casos.

Bruce Lee disse uma vez: “Seja como a água”. Resolvi muitos casos em favor dos meus clientes, adaptando a estratégia do caso e sendo aberto a abordagens não convencionais. Se sua única estratégia é ser bulldog no negócio, você vai sentir falta oportunidades para crescer e servir seus clientes de forma eficaz. -Nafisé Nina Hodjat, fundadora e advogada da Firma SLS

Shaun Rawls
Crédito da imagem: os oráculos

10. Fale até que você faça isso.

“Fake to till you make it” é uma estratégia de negócios em papel para novatos e um jogo de tolos para profissionais reais. Você nunca vai enganar aqueles que você quer conquistar, e você pode apenas prejudicar sua reputação em ascensão no processo.

Quanto ao “fazer”, o conhecimento é poder. Quanto mais você sabe, mais você cresce. Saiba tudo o que puder dos melhores líderes em sua indústria. Entrevistá-los; leve-os para o almoço; estudá-los. O melhor atalho para o sucesso é aprender com os melhores. Combine este conhecimento com autenticidade, e você terá uma proposição de valor única que o serve ao longo de sua carreira. – Shaun Rawls , empresário permanente, fundador e CEO da Rawls Consulting

Joe Kakaty
Crédito da imagem: os oráculos

11. Faça isso, como sempre, foi feito.

Os “especialistas” adoram pregar sobre como algo sempre foi feito. Seus métodos experimentados pelo tempo invariavelmente trabalhavam em “insert-mega-company-company-name-here”, e é por isso que ele vai funcionar para você. Mas apenas porque uma estratégia funcionou para uma grande marca corporativa não significa que ela funcionará em uma cultura inicial ou pode ser copiada para obter os mesmos resultados.

Se você está em uma indústria em rápida mudança como o negócio de mídia, sugiro recrutar uma mistura de especialistas experientes, bem como tipos de produtos em bruto, quebram o molde, que gostam de inovar. Quando resolver problemas, não fique preso em como algo já foi feito antes. Descubra o que funciona melhor para você. – Joe Kakaty , co-fundador e presidente da Poker Central

Siga The Oracles no Facebook .

 


Página 1 de 212