URL personalizada

TEMA: SEO

ARTIGO: Novo

VERSÃO: WA4 | WARC

Como todos sabem o posicionamento do seu site nos mecanismos de busca dependem de várias diretrizes.  

Muitos se preocupam com meta tags tipo título, descrição e palavras chaves e esquecem das URLS. Há os que dizem que as URLs não influenciam em nada. Se enganam. Uma URL bem definida pode ajudar e muito o posicionamento nos mecanismos de pesquisa.

Vamos por exemplo tirar como base as próprias url's criadas em nosso blog do WebacappellaShow. O WebAcappellaShow é feito pela tecnologia do " Blogger" que pertence ao Google. 

Peguei o link:

 https://webacappellashow.blogspot.com.br/2016/10/google-analytics-no-site-webappella.html

Repare que se eu não defini uma url personalizada o próprio Blogger criou a url personalizada baseado no título da postagem. Poderia ser https://webacappellashow.blogspot.com.br/2016/10/post200.html.

Mas não!! Ele criou baseado no que se trata, pois no título já informei o assunto.

E os hifens? 

Apesar que o Google por exemplo possui uma tecnologia para reconhecer a separações de palavras, o hífen é de grande importância pois eles ajudam o Google entender do que se trata.  Lembre que existem palavras formadas de mais de uma palavra. 

Por exemplo:

Dentro da palavra legalmente  se encontra legal e mente

Dentro da palavra contador se encontra conta e dor

E para quem não sabe o hífen é um dos coringas do Google. 

Caso queira saber mais sobre estes coringas do google você encontra mais informações clicando aqui

Outro erro que se comentem muito por aí é definir as url somente como a opção usada no menu do website. 

Por exemplo:

Supomos que no site webacappellashow.com.br tem a página contato.

O que não é uma boa prática é definir a url tipo webacappellashow.com.br/contato.html

O que eu sugiro é uma url mais personalizada ficando mais ou menos assim: webacappellashow.com.br/fale-com-quem-tem-conhecimento-em-webacappella.html

ou até mesmo www.webacappellashow.com.br/contatar-profissional-web-acappella.html

No caso acima eu usei no link a palavra Webacappella pois o domínio é webacappellashow.com.br . Sendo que estão duas palavras juntas: webacappella+show. Desta forma eu ajudei ao Google a entender do que se trata.

Pois se o seu domínio já for exatamente o nome ou marca no seu site, não seria necessário repetir na url personalizada.

Agora por exemplo se uma empresa chamar Garden Jardins, e seu domínio for gjpaisagismo.com.br é interessante citar garden-jardins na url. Na página de contato poderia ficar por exemplo assim: www.gjpaisagismo.com.br/fale-com-empresa-jardinagem-garden-jardins.html

Eu tenho um amigo que é dono do site pertoaqui.com.br, que é um script em php.  O Perto Aqui é um site de anúncios. 

No exemplo abaixo onde na imagem está assinalado de vermelho ele tinha cadastrado o anunciante como Fernandes Clean. 

Ou seja, ele cadastrava apenas o nome do cliente. Porém quem procura Fernandes Clean nos mecanismos de busca é somente quem já conhece a empresa, e na maioria das vezes já até sabe o site dela. Depois que ele mudou os cadastros como mostra a imagem acima. O site começou ter muito mais visitas. Ele ainda poderia ter posto melhor. Posto por exemplo: Fernandes Clean, empresa de limpeza no Bairro Betãnia. 

Para vocês verem a importância de uma boa definição para a url.

Veremos agora como personalizar as url no Webacappella 

No WA 4

Para cada página clique na opção Páginas/Matrizes>>Propriedades da Página, na tela que aparecer você clica em SEO e no primeiro campo você digita a url que deseja, conforme imagem abaixo:

Depois clique em Ok

PARA O WA RC (WA5)

Para cada página  clique em Page Properties (Propriedades da página)

E no primeiro campo você digita sua url personalizada. 

Depois Salve 

Finalizando, é importante lembrar que esta é apenas uma das técnicas utilizadas. Muita outras são necessária para que seu site fique cada vez melhor posicionado nos mecanismos de busca.

Em breve mais posts sobre S.E.O.

Leia mais

PRESTASHOP 1.6 - Termos e condições de uso

Hoje iremos configurar os Termos e condições de nossa loja. 

É importante frisar que este artigo não se trata das obrigações legais que regem o comércio eletrônico.

Caso deseja saber sobre as questões legais que regem o e-comerce procure por Decreto Federal 7.962/13 de 14/05/2013 (decreto brasileiro) .

Para as ações feitas no Brasil é importante também estar por dentro da Lei Marco Civil da Internet sancionada em junho de 2014 e também o código do consumidor (Lei Federal n. 8.078, de 11 de setembro de 1990).

O não cumprimento da lei para lojas online prevê multa, apreensão de produtos e intervenções de cunho administrativo, podendo culminar no fechamento definitivo da empresa. Por isso, recomenda-se que você procure uma assessoria especalizada para adequar seu site à lei, evitando correr o risco de sofrer sanções.

Mas como já dito, este artigo se trata apenas comentar e sugerir os termos e condições que estarão disponíveis em sua loja, quanto configurar na sua loja Prestashop 1.6

Por meio de seus termos e condições gerais de uso e/ou de venda, uma loja explica aos usuários quais são as condições de utilização do serviço disponibilizado a, seja ele gratuito ou pago. Além de informar o usuário sobre a necessidade de cadastro ou sobre os elementos protegidos por direitos autorais, este instrumento determina, ainda, as responsabilidades de cada uma das partes - editor (pessoa que mantém a loja) e usuário -, em relação ao uso do serviço.

A cláusula mais importante dos termos e condições gerais de uso é aquela que define a política de privacidade da loja. Nela, o editor comunica claramente ao usuário como serão protegidas ou utilizadas as informações que este fornece a loja, sejam elas dados pessoais ou dados de navegação.

Nos casos em que a loja colocar à venda produtos ou serviços, este documento virá, também, complementado pelas condições gerais de venda, que regularão os detalhes desta transação, tais como as formas de pagamento, a entrega e a política de trocas e devoluções.

Vamos agora adicionar nossos termos e condições em nossa loja Prestashop.

Acontece que no conteúdo de nosso Termos e condições de uso existem links que redirecionam para outras informações importantes; como por exemplo Política de Entrega e Política de pagamento. 

Por este motivo vamos preparar antes do nosso Termos e condições os demais links os quais terão referencia.

Em nossa loja exemplo, iremos começar com a Política de Entrega de Produtos. 

Baixe um modelo exemplo clicando aqui.

Então logue na sua área administrativa da loja e vá para PREFERÊNCIAS>>CMS

Agora edite o ítem correspondente a Política de Entrega de produtos. Em nossa loja exemplo:

Preencha o campo Conteúdo com o termos definidos para a política de entrega de sua loja.

Salve.

Como nos Termos e Condições de uso de nossa loja exemplo cita tanto a Política de Entrega e a Política de Pagamento vamos agora inserir no site a Política de Pagamento fazendo da mesma forma que a Política de Entrega.

Baixe um modelo exemplo clicando aqui.

Após feito e salvo, vamos agora  inserir os Termos e condições de Uso.

Baixe um modelo exemplo clicando aqui.

Da mesma forma que feito para as políticas acima comentadas faremos para os Termos e condições de uso, portanto nos trechos do termos e condições de uso que se refere as Políticas citadas, lembre de inserir um link redirecionando.

Caso queira ver on line clique aqui

Leia mais

PRESTASHOP 1.6 - Traduzindo o Menu Informação

Hoje iremos falar como traduzir o menu INFORMAÇÃO na sua loja Prestashop 1.6. Geralmente este menu é mostrado quando se clica em alguma categoria. (imagem abaixo)

Acontece que dependendo de como foi feita a tradução da loja alguns lugares da sua loja ainda podem ficar em inglês. Sendo assim estas traduções podem ser feitas manualmente.

No caso das opções do Menu INFORMAÇÃO é algo fácil e já podemos aproveitar e ajustar os links permanentes no idioma desejado.

Então após logar na área administrativa da sua loja vá ao menu PREFERÊNCIAS>>CMS

Lá estará todas as opções do Menu 

A ação mostrada deve ser repetida para cada ítem.

Para cada um clique no botão Editar correspondente: Vamos mostrar somente usando como exemplo a opção Delivery

Primeiramente lembre de selecionar para qual linguagem você deseja fixar a tradução selecionando a seta do botão conforme mostrado na imagem acima.

No campo Meta título digite o título desejado já no idioma que deseja.

No campo Meta descrição digite uma descrição no idioma desejado.

No campo Meta palavras-chave digite palavra chaves no idioma desejado para auxiliar os mecanismos de busca encontrar a página

No campo URL amigável digite como você deseja a url na barra do browser

No conteúdo você digita o texto conforme a situação

Se desejar que a página seja indexada pelos Mecanismos de busca marque o campo "Indexação por motores de busca" como SIM.

Salve.

No nosso exemplo ficou assim:

Como já dito, deve-se editar cada ítem do Menu. 

Nosso Menu em nossa loja exemplo ficou assim:

Para ver online cliqueaqui

Abraços a todos.

Leia mais

PRESTASHOP 1.6 - Configurando método de pagamento PagSeguro

Vamos começar a configurar os métodos de pagamento em nossa loja Prestashop. Um modo de pagamento muito utilizado é o PagueSeguro. Pois o cliente tem opção de selecionar pagamento por cartão de crédito e até por boleto bancário. Para saber mais sobre o PagueSeguro clique aqui.

Não falarei sobre o PagueSeguro pois o mesmo pode mudar suas regras a qualquer momento e o artigo ficaria desatualizado.

Para poder configurar o módulo Pagseguro na sua loja faz-se necessário que sua conta seja no mínimo uma conta VENDEDOR.

Sendo assim a primeira coisa que deve-se fazer é logar no seu painel no PagueSeguro para gerarmos um Token.

Após logado no PagueSeguro vá para MINHA CONTA  >> PREFERÊNCIAS >> INTEGRAÇÕES

Na área Utilização de Api´s clique em Gerar Token

Guarde este número

Agora logue no painel administrativo de sua loja e vá para MÓDULOS>>MÓDULOS

Role a página até o campo de busca e digite "pagseguro"

Clique em Instalar para instalar o módulo.


Após instalado você será redirecionado a primeira aba da configuração.

Preencha :

E-MAIL: o e-mail que você usa para logar no Pague Seguro
TOKEN: Insira aqui o token gerado pelo pagueseguro
CHARSET: Codificação usada pelo seu sistema, nesta caso UTF-8
CHECKOUT:  Para uma janela que sobreponha a loja escolha LIGHBOX,. Para a versão do Prestashop 1.6 pode acontecer que configurando como PADRÃO cause erros no pagamento. Então deixei como LIGHTBOX.

Clique em Salvar




Caso você esteja usando certificado SSL em sua loja é necessário que clique em EXTRAS e altere de http para https

Clique em Salvar

Agora vá na sua hospedagem e pelo gerenciador de arquivos edite o arquivo "caminho da sua loja" /modules/pagseguro/features/payment/pagseguropaymentorderprestashop.php

Na linha 88 substitua

'action_url' =>  _PS_BASE_URL_ . __PS_BASE_URI__ .$this->returnUrlPaymentForVersionModule(),
 
por 

 'action_url' => preg_replace("/^http:/i", "https:", _PS_BASE_URL_) . __PS_BASE_URI__ .$this->returnUrlPaymentForVersionModule(),

 e salve as mudanças.



Pronto, do jeito que está já estará funcionando o processo de pagamento pelo Pague Seguro.


Mantive um produto que é o Plugin Tradutor por bandeiras com um valor bem irrisório só para poder mostrar o procedimento de pagamento aqui no blog.

Como nossa loja exemplo é de produtos virtuais, não será obrigatório a parte de entrega.


Se quiser colaborar com o blog testando você mesmo efetuando a compra do módulo fiquem a vontade. Ainda levam o "Plugin Tradutor por bandeiras". hehehe

Eu mesmo vou efetuar uma compra com cartão  para poder mostrar todos os processos.

Após adicionar o produto no carrinho e finalizar o pedido é mostrado um resumo da minha compra.

Então o comprador clica em Finalizar Pedido.

O comprador pode criar uma conta, usar a Finalização Instantânea ou se já tiver conta apenas logar na conta. Já tenho conta então farei login na minha conta.

Posso então adicionar um novo endereço para entrega (o que no caso de um produto virtual não é necessário) ou então prosseguir para o endereço de cadastro clicando em Finalizar Pedido

Como é um produto virtual, não serão mostrados opções de transportadoras, apenas disponibilizando para que eu concorde com os Temos de serviço. Então marco concordando com os termos e clico em Finalizar pedido.

Mostrará o resumo com o valor dos produtos, impostos e frete grátis. Frete grátis por ser um produto o qual não necessita de uma transportadora.

Logo abaixo do resumo é mostrado a opção de pagamento. Clico nela.

É mostrado novamente para que eu confirme minha compra. Clico então em Confirmo minha compra.

Após é aperto a aplicação do PagueSeguro para que eu efetue o pagamento

Após informar meu e-mail e Avançar, é levado para preenchimento do CPF e telefone .

Preencho e clico em Escolher o meio de pagamento

Agora ele me oferece opção de pagar com cartão de crédito ou boleto. Vou pagar com cartão.

Continuo informando dados do dono do cartão :CPF, CELUALR, DATA NASCIMENTO COMO SEGURANÇA.

Confirmo o pagamento.

Ele irá processar o pagamento

O pagamento sendo aprovado será mostrado o resultado informando que a transação foi aprovada com o código da transação.

A loja receberá todos os avisos no e-mail configurado, tanto do pedido quanto do pagamento e o comprador receberá tanto todos os avisos de compra, aprovação de pagamento quanto também o e-mail disponibilizando o link para baixar o arquivo. Uma vez que ele comprou um produto virtual.

Veja abaixo print do e-mail contento o link do arquivo conforme o produto virtual adquirido

No caso do exemplo eu configurei  neste produto que o mesmo só poderia ser baixado uma vez e inseri um prazo para download.

Veja o funcionamento on line colaborando com o blog clicando aqui


Se gostou do post.. comente.. Valeu galera.

Leia mais

PRESTASHOP 1.6 - Configurando e-mail de alerta de pedidos

Para que você não tenha que ficar entrando no painel de sua loja todos os dias para verificar os pedidos feitos, é interessante que seja comunicado por e-mail.

Para isso seria configurar uma conta de e-mail que receberia um aviso toda vez que houvesse uma nova compra na loja. Pois poderia chegar o e-mail até mesmo por um celular.

Mas antes de configurarmos nosso e-mail para recebimento de avisos vamos testar se a loja está enviando e-mails normalmente.

Clique na opção do menu PARÂMETROS AVANÇADOS>>E-MAIL

 Role a página até o final e localize a área "TESTE SUA CONFIGURAÇÃO DE E-MAIL"

Informe qual a conta de e-mail vai querer receber as notificações e clique em Enviar um e-mail de teste

Caso seu teste não foi bem sucedido, você pode prsseguir com este tutorial. Ou você ajustar as configurações optando por php mail e até mesmo utilizar configurações smtp. Na área E-MAIL logo acima da área informada acima você faz os ajustes.

Sendo que o teste ocorreu tudo ok cesse o menu MÓDULOS>>MÓDULOS

No campo de busca procure por Mail alerts OU Alertas de correio

Será listado abaixo, agora clique em Instalar

Após instalar as configurações já serão abertas para que seja configurado de acordo com suas necessidades. Caso não esteja bastar clicar em Configurar

Na tela de configuração, no último campo informe quais os e-mail gostaria que recebesse as mensagens de alertas da sua loja

Depois basta clicar em salvar.











 

Leia mais

PRESTASHOP 1.6 - Como remover a assinatura Prestashop nos e-mails enviados pela loja

 Em outra postagem mostramos como remover o nome Prestashop no rodapé da loja Prestashop. Hoje iremos mostrar como remover a assinatura Prestashop no rodapé dos e-mails automáticos enviados pela nossa loja.

Então logue na área administrativa de sua loja e vá para LOCALIZAÇÃO>> TRADUÇÕES

 Na áre MODIFICAR TRADUÇÕES , em tipo de tradução selecione "Traduções de templates de e-mail"

Já que estamos alterando o tema padrão ,  em Selecione seu tema mantenha o padrão.

Em Selecione seu idioma , selecione o idioma a qual deseja faze as modificações. No meu caso Português BR.

Depois clique em "Modificar"

Na área e-mail do Prestashop clique em E-mails do Prestashop

Agora vem a parte chata. A cada título, tem que entrar e fazer as alterações devidas.

Vamos começar como exemplo em account , que é o e-mail de agradecimento após um novo cliente criar uma conta na sua loja:

Então neste caso clico em account e abrirá o template de como é visto no e-mail. 

Vamos então apagar a parte no rodapé "baseado em Prestashop"

Clique em então em Editar versão HTML

Marque a área que quer apagar e aperte a tecla Delete do seu teclado para concluir a ação.

 Agora clieque em Salvar e permanecer, pois você terá que fazer o mesmo em todos os outros modelos.

Para o modelo acima, prontinho.Agora é ter paciência e fazer em todos os outros.

Leia mais