Dicas - RibaFS Portal

Restore de Site em Joomla

Thu, 21 Sep 2017 16:41:51 -0300

Após o Backup do Site

Após efetuar o backup do site usando o SimpleBackup (https://github.com/ribafs/com_simplebackup), efetue o restore assim:
Após efetuar o backup full do site com o SimpleBackup temos dois arquivos, um com o script completo do banco e outro com o pacote zip com todos os arquivos do site.

É prudente efetuar uma instalação do site logo após backup do mesmo.

Vamos supor que iremos instalar o site localmente.

Para isso precisamos seguir os passos:

- Criar o banco usando um cliente do MySQL

- Importar o script sql gerado pelo backup no banco acima

- Criar uma pasta no diretório web. Exemplo "joomla"

- Descompactar o arquivo zip gerado pelo backup na pasta acima

- Editar o scripr configuration.php e ajustar as configurações:
public $host = 'localhost';
public $user = 'root';
public $password = '';
public $db = 'joomla';

e
public $log_path = '/var/www/html/joomla/administrator/logs';
public $tmp_path = '/var/www/html/joomla/tmp';

Com isso o site está pronto para uso.

http://localhost/joomla/administrator

Use a mesma senha e login que usava no servidor.

Antes de se publicar um novo site

Thu, 21 Sep 2017 16:02:21 -0300

Verificações a serem feitas antes de se publicar um novo site

1 - Favicon
Uma boa personalização para o site é adicionar um favicon bem representativo.
Para sites pessoais podemos adicionar a foto do dono do site ou blog.

No site abaixo entramos com uma foto e ele retorna o favicon.ico:
http://www.degraeve.com/favicon/ ou então desenhe o seu favicon.

No caso de sites com Joomla que já tenham um favicon no template, basta sobrescrever o existente.

Para sites que ainda não tenham, adicione entre as tags :

2 - Título e Metadados
O título do site é um elemento importante em termos de SEO (Search Engine Otimization).
RibaFS Portal

Como também tags de descrição do site:

3 - Checagem do site em vários navegadores
Como nosso site geralmente será visualizado por diversos navegadores é importante que ele seja visualizado corretamente pelo menos nos mais populares.

Checagem do ACID2 - http://www.webstandards.org/files/acid2/test.html

Checagem do CSS3 - http://www.css3.info/selectors-test/test.html

Download dos 8 navegadores mais populares - http://www.xenocode.com/browsers/

IETester - http://www.my-debugbar.com/wiki/IETester/HomePage

Testar o site em vários navegadores de vários sistemas operacionais - http://browsershots.org/. Entre com o site e aguarde a geração dos screenshots, que ao
final poderá fazer download.

4 - Leitura completa e mais atenta
Leia com bastante atenção e procurando erros de grafia e concordância.

5 - Links
Clique em cada link para testar se estão corretos.
Certifique-se de que sua logomarca tem um link para seu próprio site (convenção comun).
Não sublinhe texto que não é link pois isso confunde.
Site que checa por links - http://validator.w3.org/checklink

6 - Checar funcionalidade
Caso tenha um form de contato, teste se está funcionando.
Peça colegas de grupos para testar seu site e não somente parentes e amigos.
Áreas importantes para testar são: contato, login, busca, etc.

7 - Desabilitando recursos
Caso seu site possa funcionar sem JavaScript desabilite o JavaScript e teste como fica o
seu site.

8 - Validações
Verifique as validações se funcionam adequadamente. Valide o CSS e XHTML.

Veja este artigo: 10 razões por que seu código não valida e como corrigir isso:
http://net.tutsplus.com/articles/web-roundups/10-reasons-why-your-code-wont-validate-and-how-to-fix-it/

Validação online - http://validator.w3.org/ e http://jigsaw.w3.org/css-validator/

9 - Link para RSS e Redes Sociais
Este recurso é muito importante para quem visita o site e para atrair visitantes.
Através do RSS o visitante pode voltar ao site.

10 - Mapa do Site
Adicione ou verifique o mapa do site. Quando o visitante não encontrar um recurso do site o mapa o ajudará.

11 - Design defensivo
Crie bonitas e eficientes páginas para o erro 404, quando o usuário solicitar uma página e não encontrar.
Nessa página personalizada deve ter um pedido de desculpa, seu e-mail e a orientação de verificar se o link está correto.

12 - Otimize
Aproveite para melhorar a performance do seu site, eliminando recursos desnecessários e melhorando outros:
imagens, flash, javascript, etc. Veja o artigo:

13 - Backup
Lembre que o backup é muito importante para garantir as informações do seu site.
Faça regularmente backup dos arquivos e do banco de dados.

14 - CSS para Impressão
Caso seu site não tenha procure adicionar recurso para que o visitante possa ter uma página de impressão para cada página que queira imprimir.

15 - Estatísticas
Caso queira estatísticas sobre os visitantes do site - http://www.google.com/analytics/

CheckList:
Aqui encontrará um PDF para que possa imprimir e realizar um controle mais preciso:
http://www.boxuk.com/upload/website_launch_checklist_v1.pdf

Original em inglês:
http://www.smashingmagazine.com/2009/04/07/15-essential-checks-before-launching-your-website/

Melhores práticas para um site mais rápido

Thu, 21 Sep 2017 15:58:37 -0300

Um pequeno resumo da documentação da extensão YSlow para o Firefox, encontrado em inglês em: http://developer.yahoo.com/performance/rules.html

A extensão, que mede o desempenho de sites no Firefox, pode ser encontrada em: https://addons.mozilla.org/pt-BR/firefox/addon/5369

Obs.: o original é bem mais detalhado e com muito mais informações, aqui trago apenas o que achei mais interessante ou importante.

80% do tempo gasto pelo visitante para baixar uma página é gasto no front-end (cliente) e somente 20 no back-end (servidor). Desses 80% a maioria é gasto baixando componentes: images, CSS, script JS, Flash, etc.

Reduzindo o número de componentes do site reduzirá as requisições HTTP para renderizar a página no cliente. Esta é a chave de páginas rápidas.

Simplificar o design das páginas reduzirá o número de componentes.

Abaixo algumas técnicas para reduzir o número de requisições e ao mesmo tempo manter um design rico.

Usar CSS sprites reduz o número de requisições de imagens, ao invés de requisitar várias requisita-se somente uma e o CSS mapeia usando o background-image e background-position. Exemplo em: http://ribafs.org/portal/colaboracoes/1-ribamar-fs/123-sprites-em-css Combinar, quando possível todo o CSS em um único arquivo externo.

Mova o CSS para o topo da página, entre as tags < head> e que a página será carregada mais rapidamente.

Já os scripts em JavaScript devem ser movidos para o final da página, para que a carga seja otimizada. É verdade que em algumas situações não dá para mover para o final da página, mas sempre que possível devemos fazê-lo.

O IE suporta expressões em CSS e para melhor desempenho evite estas expressões.

Sempre que possível tenha o CSS e o JavaScript em arquivos externos para melhor desempenho.

Otimize para reduzir o código do CSS e do JavaScript. Remova caracteres desnecessários, linhas e trechos duplicados e otimize ao máximo seu código. Isso vale também para toda a construção do site, evitar tudo que seja desnecessário e otimizar o necessário.

Evite redirecionamentos. Não tenha mais que 3 redirecionamentos na página. Exemplo: temos 3 banners cujas imagens vem de outras URLs. No caso o site só abrirá quando pegar as imagens dos outros sites. Estando tudo normal ele terá que fazer a requisição aos outros sites e imagine quando um deles está lento.

Use GET para as requisições de AJAX. São mais rápidas que usando POST.

Otimize ao máximo a página inicial, reduzindo a carga para que o visitante chegue. Nas demais páginas poderá adicionar componentes que colocaria na inicial.

Minimizar o número de iframes.

Evite erro 404 (páginas não encontradas). Use o serviço do servidor para redirecionar o usuário para uma página personalizada quando acontecer um erro 404.

Reduza o tamanho dos cookies.

Minimize acessos DOM.

Desenvolva manipuladores de eventos inteligentes. Acontece de um evento somente ser disparado quando um outro o for e isso pode complicar. Mais detalhes no documento original.

Ao fazer link dos arquivos externos prefira < link...> ao invés de @import.

Evite filtros no CSS.

Otimize as imagens. Sempre antes de enviar as imagens para o servidor, reduza seu tamanho, como também reduza a quantidade de cores sempre que razoável. Alguns serviços online que ajudam na otimização de imagens: http://tools.dynamicdrive.com/imageoptimizer/ http://www.imageoptimizer.net/Pages/Home.aspx http://webresizer.com/resizer/

Otimize os sprites CSS As imagens ficando na horizontal ao invés da vertical carregam mais rapidamente.

Não altere as dimensões de imagens somente no HTML. Isso altera somente a visualização, mas seu tamanho permanece o mesmo. Altere seu tamanho offline e envie para o servidor ao invés.

Reduza o tamanho dos favicon.ico.

Mantenha o tamanho dos componentes sempre inferior a 25KB. Lembre que ese valor é para o arquivo descompactado.

Mais informações no documento original em inglês:
http://developer.yahoo.com/performance/rules.html

Guia de Otimização de Sites

Thu, 21 Sep 2017 15:56:37 -0300

Com Foco em Joomla mas não somente

De acordo com HubSpot, 80% do tráfego de um site começa com uma busca. É por isso que a otimização de sites (trabalhar com SEO) é tão importante.

Você examina de perto o desempenho geral do site, em seguida, define e implementa novas metas com base no seu exame.

Otimizar seções do Site
https://www.quicksprout.com/

Sugestões do QuicksProut:

- Refazer o título do site para que o tamanho fique entre 15 e 65 caracteres: Canto do cake, laravel, joomla, postgresql, servidores, etc.
- Incluir pelo menos uma das palavras chaves do conteúdo do site: cakephp, joomla, laravel, postgresql, etc.
- Sidebar: refazer o h2 do sidebar com 15-65 para conter pelo menos uma das palavras chaves do conteúdo: Aqui encontrará cakephp, laravel, joomla, servidores, etc
- Refazer o H2 do artigo Boas Vindas para que contenha de 15-65 pelo menos uma das palavras chaves do conteúdo:
Boas Vindas ao Cantinho do Cake, Joomla, PostgreSQL, Laravel, etc.
Assim proceder com o H3 de: Novidades, Populares, Pensamento do Dia

Usar apenas um único H1 por página.

Básicos:
- Contratar um bom serviço de hospedagem, de preferência com discos SSD para que seja mais rápido.
- Evite serviços limitados, com limitada taxa de transferência, que pode chegar a deixar o visitante sem acesso ao site
- Entre outras boas características de uma boa hospedagem.

Um dos maiores desafios que blogueiros e profissionais de marketing de conteúdo encaram é escrever conteúdo que é otimizado para os mecanismos de busca, e que seja também atrativo para as pessoas.

Seu conteúdo precisa ser acompanhado de dois objetivos: primeiro, ter apelo para o usuário final (consumidores, clientes, prospects, leitores, etc.) e segundo, resolver um problema em particular.

SEO é um método de otimizar (melhorar a efetividade de) seu conteúdo para os mecanismos de busca de maneira a ajudá-lo a ter uma classificação mais elevada do que o conteúdo dos outros sites que tem como alvo os mesmos termos de busca.

Google exibe páginas da web em seus resultados de pesquisa com base na autoridade e relevância da página. E como medir autoridade e relevância?

O Google determina a relevância da sua página analisando seu conteúdo com base em vários fatores, incluindo onde e quantas vezes você usa certas palavras e em que parte do conteúdo.

O Google mede autoridade pelo número de links que apontam para aquela página e quão confiável esses links são.

Quem ajuda a conduzir o usuário a tomar alguma decisão? Um redator (copywriter) o faz. Um redator é um profissional habilidoso que escreve textos para publicidade, promoções e textos que se conectam com o consumidor. No mundo do marketing, eles frequentemente são chamados de “criativos.”

Um redator é alguém que entende as pessoas, sabe o que sua audiência gosta, e escolhe as palavras que trarão apelo a eles. O título, palavras, frases, sentenças e parágrafos usados no conteúdo tem que persuadir e influenciar os leitores a tomarem alguma decisão.

As tags de título são elementos importantes de SEO (otimização de sites) e devem ser criadas corretamente. São básicas e compatíveis com os padrões HTML, razão pela qual o Google espera vê-las no seu site.

Se você quer construir um negócio online próspero e sobreviver nesse mundo de SEO em constante mudança, seu trabalho é criar conteúdo útil que seja interessante, persuasivo, e bem otimizado para os mecanismos de busca — e você tem que fazer isso de maneira consistente.

Alguns elementos de conteúdo valioso, como utilizar um visual interessante, são marcas de um bom copywriting.

Velocidade do site
Um estudo da Akamai revelou estas estatísticas:

40% das pessoas irão abandonar a página se ela demorar mais do que 3 segundos para carregar completamente.
47% dos usuários finais esperam que a página carregue em até dois segundos ou menos.

Se o carregamento da sua página está com mais de 2 segundos, que é o padrão de carregamento para sites, então você deveria fazer algumas coisas para melhorar.

Medir a Velocidade do Site: (1,61s)
https://tools.pingdom.com/

Título

Seu conteúdo precisa ser valioso, mas se seu título é medíocre, sua taxa de cliques será baixa.
As pessoas leem os títulos cinco vezes mais do que o conteúdo.
No SEO copywriting, seu título deveria atrair a atenção das pessoas e então impulsioná-las a clicarem e lerem mais.
Via de regra escreva seu título antes de ir para o corpo do artigo ou post do blog.
Títulos com números são sempre mais vencedores.

Se você quer que seu título inteiro seja visível nos mecanismos de busca, mantenha-o abaixo de 72 caracteres. Isso também fará com que seu CTR (click-through rates) aumente.

Conteúdo
A razão principal que faz as pessoas pesquisarem por algo no Google e nos outros mecanismos de busca é que elas estão procurando por conteúdo de qualidade. Mecanismos de busca também se alimentam de novos conteúdos, e é por isso que você deve atualizar seu site constantemente.

Se você quer escrever o melhor conteúdo que irá ter uma boa classificação no Google, você tem que usar as palavras-chave corretas. Evite usar palavras-chave em excesso (stuffing keywords) e exagerar na otimização (over-optimization). Coloque a palavra-chave em seu título, mas se certifique-se que a frase fique suave para os leitores.

A atualização do Google Panda 4.1 foi desenhada para penalizar conteúdos “magros” (thin contents) ou superficiais, mantendo-os fora da classificação mais alta do Google. Um post de um blog ou artigo deveria ter pelo menos 1.000 palavras.

Cada parte do conteúdo que você escreve precisa de uma introdução convidativa. A introdução é a parte que vem depois do título (e sub-título se você usa em seu conteúdo). Sua introdução deveria conter pelo menos uma das suas palavras-chave direcionadas.

MetaTags do Artigo

Antes de escrever seu conteúdo e publicá-lo, use a meta descrição para te ajudar nos mecanismos de busca. Meta descrição ajuda os mecanismos de busca e os usuários a entenderem qual é o assunto e por que suas palavras-chave e frases continuam aparecendo durante o conteúdo. Nos artigos do Joomla ficam na aba Opções de Publicação

Google usa a meta descrição na sua página como um resumo quando as pessoas pesquisam por palavras-chave que sejam relevantes para sua página. Este resumo do texto é o que vai determinar se você vai conseguir cliques ou não, não importa o quanto você esteja bem classificado nos resultados de busca.

Para o propósito de SEO copywriting, a meta descrição deveria ter entre 150 – 160 caracteres.

Sua meta descrição tem que ser relevante e atrativa para eles.

Links nas Páginas
Links nas páginas dizem ao Google que você é conectado e sociável, e que você está usando conteúdo útil que as pessoas podem acessar de algum lugar. Esse conteúdo poderia ser próprio, ou de algum outro site.

Recomendações:
Usar link interno e externo para lugares relevantes na sua introdução
Ter links para mais conteúdos aprofundados no assunto, tanto em sua página como em outras
Usar link com um texto âncora apropriado, que flua naturalmente dentro do conteúdo

Moz diz que o formato ideal para seu título é: Palavra-chave Primária – Palavra-chave Secundária | Marca

Se você puder colocar a história da sua marca dentro de um post no blog, artigo, ou vídeo, você vai atrair mais atenção.

Humor: Uma das razões por que você deveria escrever com humor é manter o leitor/audiência engajados. Você pode também usar o humor para simplificar um assunto que seja desconfortável ou controverso.

Criar confiança na marca através de avaliações dos clientes

Antes de escrever posts ou artigos, Vivian Giang recomenda uma lista de 3 or 4 benefícios fortes que você precisa oferecer. Isso é muito importante, e te ajuda a criar um cabeçalho e parágrafos poderosos.

Tenha um propósito claro: Ser claro com seu texto, post e mensagem é muito importante.

Pesquise dados precisos que sejam relevantes para seu assunto.

SEO
nem todo site bom para usuário é bom para SEO, mas a maioria dos sites bons para SEO também é boa para o usuário. Só se faz bem SEO pensando bem no usuário.

SEO consiste em colocar-se no lugar de um buscador e compreender quais critérios ele usa para avaliar e como avalia de fato um site/página e assim criar o site.

Conteúdo
O Google gosta mesmo de conteúdo em texto, bem explicado, bem desenvolvido.

Links/Referências
Outra coisa muito curiosa, e que está no coração do Google, é a maneira de avaliar a qualidade de um site ou página em relação aos links recebidos. Mais uma vez, no mundo acadêmico a relevância de um autor é medida geralmente por quantas vezes suas teses, monografias e papers são citados. Uau, a mesma coisa que faz um site ficar bem posicionado!

Otimizar o Site

Por que otimizar nossos Sites é tão importante? Simplesmente porque nenhum usuário gosta de perder tempo esperando o carregamento das páginas. É extremamente irritante. E isso tem graves consequências, como mostram esses estudos:

O Yahoo! descobriu que, para cada 400ms de melhora na performance, seu tráfego aumenta em 9% (fonte).
Ao cortar 2,2s da landing page do Firefox, a Mozilla aumentou o número de downloads em 15%, totalizando um ganho de mais de 60 milhões de cópias por ano (fonte).

A Amazon concluiu que apenas 100ms de melhora aumentam 1% seu faturamento (fonte).
Em um de seus vários experimentos, o Google aumentou o número de resultados por página de 10 para 30. Isso aumentou o tempo de carregamento de 0.4s para 0.9s, o que diminuiu em 20% o tráfego das buscas (fonte).

A Microsoft mostrou que 2s a mais de latência no Bing diminuíam o faturamento em 4,3% (fonte).
Em um experimento, a Caelum subiu o tamanho de sua página de 100kb para 300kb, aumentando o número de requests de 12 para 42, o que resultou em um crescimento no tempo de carregamento de 2s para 6s. Os impactos foram queda de 21% no tempo que os usuários ficam no Site, menos 28% pageviews e uma queda de 18% no conversion rate.

Há diversos outros experimentos publicados, incluindo um estudo que mostra uma relação entre sites lentos e queda da pressão arterial (fonte).

Minificar CSS e JS
Otimizar imagens
Habilitar gzip
Comprimir HTML
Reduzir cookies e headers
Fundir arquivos JS
Fundir arquivos CSS
Usar sprites de imagens
Especifique o tamanho das imagens
Use o JS no final da página
Use o CSS no topo
Use ferramentas de diagnóstico
Escreva código eficiente

Usar web analitics para medir o impacto das otimizações

Instalar a extensão SEO Doctor

Conteúdo de Artigos:

Título (H1, automático pelo template)
Subtítulo (H2). Este não deve repetir o título, mas complementá-lo
Conteúdo do artigo

Seus usuários ideais de um produto ou serviço dão um feedback, que então determina que tipo de novo conteúdo você irá criar para melhor atendê-los.

As opiniões dos seus usuários contam. O público determina quais ideias, artigos, produtos ou conceitos serão investidos ou compartilhados.

Pesquisa de mercado:
https://www.quora.com/
https://ubersuggest.io/
https://ahrefs.com/

Estatísticas de Sites
http://www.webpagetest.org/

Analisar os assuntos mais populares do site

Enquanto você responder a perguntas dos usuários com o seu conteúdo, seu tráfego de busca irá melhorar e também sua taxa de conversão.

Criação de landing pages (páginas de promoção de um conteúdo/produto/serviço):
O conteúdo deve ter mais de 2000 palavras, porque isso é o que é preciso para provar ao Google que sua página é valiosa e merece uma boa classificação nas buscas.

O conteúdo da sua landing page tem que ser útil. Escreva para persuadir as pessoas a dar o próximo passo, porque esse é o objetivo número 1 de todo texto de vendas convincente: levá-lo a ler a frase seguinte.

O “Design é o rei“, diz Derek Halpern. Se o seu conteúdo é útil, mas seu design é uma porcaria, você provavelmente vai falhar.

Links ainda são um grande fator de ranking do Google no que diz respeito à otimização de sites. Sem links de qualidade, a página pode não classificar bem nos rankings, mesmo se você tiver um texto excelente.

Faça seu Site Responsivo e Otimizado para Dispositivos Móveis
Você pode aumentar seu tráfego de pesquisa, visando usuários móveis. Nos últimos dois anos, as consultas de busca móvel tiveram uma taxa de crescimento de 5x.

Mais pessoas agora usam seus dispositivos móveis para acessar a web. Quatro em cada cinco consumidores usam smartphones para fazer compras.

Os usuários de dispositivos móveis são compradores ardentes, talvez porque eles podem fazer compras em qualquer lugar.

Outra razão para realizar a otimização de sites para dispositivos móveis, é que o Google penaliza sites que não são responsivos.

Há muito potencial num infográfico na otimização de sites. Quando você cria informações visuais de alta qualidade, você aumenta o seu tráfego web.

Por que os usuários de busca e consumidores preferem infográficos na hora de realizar a otimização de sites?

É porque o cérebro humano processa dados visuais 60.000 vezes mais rápido do que texto. Além disso, 65% dos usuários são aprendizes visuais. E também, 90% da informação transmitida ao cérebro humano é visual.

Criação de infográficos:
https://visual.ly/
http://www.hongkiat.com/blog/infographic-tools/
http://www.modernmarketingpartners.com/top-20-free-infographic-directories-and-submission-tips/

Pegue dados do seu infográfico e transforme-o em um artigo detalhado para acompanhar o gráfico.

Um dos fatores que o Google considera ao classificar páginas da web é a Indexação semântica latente (LSI).

LSI é uma técnica de indexação e recuperação (otimização de sites) que usa uma fórmula matemática para identificar padrões num determinado parágrafo de texto.

O objetivo do uso LSI na otimização de sites é para dizer ao rastreador do Google para indexar seu conteúdo com base em sua intenção. LSI na otimização de sites irá essencialmente deixar seus rankings à prova de balas e entregar resultados significativos para você.

Google espera que você mencione Bill Gates quando você está escrevendo sobre Microsoft Windows, ou “mídia social” quando você menciona Facebook e Twitter.

Excesso de palavras-chave é quando você insere uma enorme quantidade de palavras-chave e frases que se relacionam com a palavra-chave principal. É uma má prática de SEO que você deve evitar a todo custo.

Crie uma apresentação sobre um assunto no SlideShare e mostre ao final ou em cada seção que couber, links para seu site.

Não deixe que suas páginas de arquivos fiquem esquecidas. Comece identificando as melhores páginas de arquivos e a criar melhores conteúdos, com base em tendências e desenvolvimentos recentes. Seu tráfego de busca irá aumentar dramaticamente.

Escreva um título compartilhável: O passo mais crítico de todos é escrever um título que irá inspirar as pessoas a compartilharem o seu post.

Um blog é uma poderosa ferramenta de marketing para sua marca. De acordo com Search Engine People, blogs estão entre as cinco fontes de informações mais confiáveis online. E 82% dos consumidores gostam de ler conteúdos relevantes de marcas.

Talvez seja porque, pela sua própria natureza, blogs fornecem um toque pessoal não encontrado em outro lugar.

Referências:
https://neilpatel.com/br/blog/10-tecnicas-avancadas-de-seo-que-vao-dobrar-seu-trafego-de-busca/
https://neilpatel.com/br/blog/seo-copywriting-como-escrever-conteudo-para-as-pessoas-e-otimizar-para-o-google/
https://www.quicksprout.com/university/how-to-use-heading-tags-to-get-more-search-engine-traffic/
http://www.searchenginejournal.com/14-best-paid-search-seo-tools/118689/
https://www.quicksprout.com/2013/12/02/how-to-grow-your-blog-to-100000-visits-a-month-in-18-months/
http://youzign.com/blog/how-to-increase-blog-traffic-using-infographics/
http://neilpatel.com/wp-content/uploads/2015/07/SEO-Copywriting.pdf
https://moz.com/beginners-guide-to-seo
https://www.quicksprout.com/the-advanced-guide-to-seo/
https://www.madfishdigital.com/blog/case-study-usability-study-audit-results-30-increase-job-application-interest/
https://moz.com/blog/visual-guide-to-keyword-targeting-onpage-optimization
https://www.crazyegg.com/blog/speed-up-your-website/
http://conversionxl.com/11-low-hanging-fruits-for-increasing-website-speed-and-conversions/
http://backlinko.com/google-ranking-factors
https://www.conversion.com.br/otimizacao-de-sites-seo/
https://www.conversion.com.br/blog/o-que-page-layout-muda-em-seo/
http://blog.caelum.com.br/por-uma-web-mais-rapida-26-tecnicas-de-otimizacao-de-sites/

Atualizar Site em Joomla para outra Versão

Thu, 21 Sep 2017 15:47:22 -0300

Atualização de site com Joomla 1.5 para Joomla 3.x

Faremos em três etapas:
- Do 1.5 para o 2.5
- Do 2.5 para o 3.5.1
- Finalmente do 3.5.1 para o 3.7.5 ou superior

Isso será feito em um servidor local antes de ser feito no servidor em produção.

Assegure-se de que o seu servidor local tem requisitos para o Joomla 3.x:
https://downloads.joomla.org/technical-requirements

Antes de atualizar para o 2.5 atualize o 1.5 para a última versão estável, que é a 1.5.26, que pode ser baixada daqui:
https://downloads.joomla.org/cms/joomla15/1-5-26

Veja detalhes na página abaixo:
https://docs.joomla.org/S:MyLanguage/Joomla_1.5_to_3.x_Step_by_Step_Migration

Atualizar site com Joomla 2.5 para Joomla 3.x

As novas funcionalidades do Joomla 3 são ótimas, mas isso também acarreta um trabalho extra para atualizar os sites existentes, para desfrutarem das novas funcionalidades e também para os tornar seguros.

As principais diferenças entre o Joomla 2.5 e o 3.5 são:

Joomla 3.5 Joomla 2.5
- Joomla 3.5 usa Bootstrap. Joomla 2.5 não usa Bootstrap
O Bootstrap torna seu site em Joomla responsive, ficando legal em dispositivos como desktop, tablets e celulares, etc.
- Joomla 3.5 usa jQuery Joomla 2.5 não usa jQuery
- Joomla 3.5 requer PHP 7 Joomla 2.5 funcionará com PHP 5.2.4+.
- Joomla 3.5 requer MYSQL 5.5.3+ Joomla 2.5 funcionará com MYSQL 5.0.4+
- Joomla 3.5 permite que adicione módulos para artigos. Joomla 2.5 não permite que adicione módulos para artigos

Precisamos tomar alguns cuidados ao efetuar o upgrade do Jomla:

- Efetuar todo o processo em computador local e ao final efetuar backup para exportar para o servidor
- Efetuar um backup completo do site, arquivos e banco de dados (sugestão: https://github.com/ribafs/com_simplebackup)
- Verificar a existência de compatibilidades das extensões usadas com a nova versão do Joomla antes de efetuar o upgrade
- Verificar a compatibilidade do template do 2.5 com o novo 3.5 ou superior

Realmente existe a necessidade de atualizar o site com 2.5 ou 1.5?

Alguns motivos para atualizar:
- Criar novas funcionalidades para o site
- Alterar o design e a navegação
- Tornar o site fácil de usar em mobiles
- Tornar o site amigável em termos de SEO
- Melhorar a segurança do site
- Para usar as melhorias de algumas extensões de terceiros, pois algumas somente suportam as últimas versões

Boas características do Joomla 3.5:

- Joomla 3.5 suporta PHP7 e o PHP 7 executa duas vezes mais rápido que o 5.6, melhorando a performance das aplicações.
- O suporte a drag and drop de imagens do Joomla 3.5
- Possibilidade de inserir módulos em artigos do 3.5

Passos para atualizar o site com Joomla 2.5 para o Joomla 3.x

- Backup completo do site, banco e arquivos e guarde bem guardado, de preferência mais de uma cópia.
- Logo em seguida faça o restore em micro local para se certificar que não houve problema no backup.
- Primeiro atualize para a última 2.5, que é a 2.5.28 (baixe sempre do site oficial do Joomla)
- Com a 2.5.28 atualizar para a 3.5.1, assim:
- Componentes - Joomla! Update
- Options
- Update Server - Short Term Support
- Salve e feche
- Clique em Instalar e atualizar - atualizará em duas etapas, primeiro para a versão 3.5.1 e depois para a última (3.7.5 agora)

Extensões - Gerenciamento - Atualização - Limpar o Cache

Após o processo, caso haja necessidade verifique erros no banco de dados:
Extensões - Gerenciamento - Banco de dados - Corrigir erros

Agora instale a última versão, que hoje é a 3.7.5

Testando aqui em uma instalação limpa do Joomla 2.5.28 ele atualizou sem problema para o 3.5.1 e depois deste para o 3.7.5.

Após a atualização do Joomla para a última versão então experimente todas as extensões de terceiros instaladas, inclusive o template.
Caso haja necessidade, geralmente haverá, então atualize cada uma das extensões que precisem de atualização.

Referências:
https://www.joomdev.com/blog/entry/how-to-upgrade-joomla-2-5-to-3-x
https://docs.joomla.org/Joomla_2.5_to_3.x_Step_by_Step_Migration/pt-br
https://www.cloudaccess.net/joomla-knowledgebase/108-joomla-3-1/maintenance/1107-upgrading-from-joomla-2-5-to-3.html

Como Importar Artigos do Joomla

Caso queira importar apenas os artigos, veja o artigo abaixo:
http://wmonline.com.br/artigos/cms/joomla/como_importar_artigos_do_joomla/26-1-0-44

Vídeos do JOOMLADAY BRASIL

Mon, 28 Aug 2017 17:47:08 -0300

Vídeos do JOOMLADAY™ BRASIL

Boas informações nestes vídeos.

Ajustes na Tradução do Joomla

Mon, 28 Aug 2017 17:40:30 -0300

Ajustes na Tradução do Joomla

Não gosto de alguns temos da tradução do Joomla como:

Ant - quando deveria ser Anterior
Tema - quando gostaria que fosse Template

Então edito os arquivos

language/pt-BR/pt-BR.ini

E troco

JPREV="Anterior"

administrator\language/pt-BR/pt-BR.com_modules.ini

Trocar as duas ocorrências de Tema para Template

Existem também em outros arquivos.

Adicionando Sufixo de Classe do Módulo Joomla

Mon, 28 Aug 2017 17:34:59 -0300

Adicionando Sufixo de Classe do Módulo

Adicionar a classe .ocultar-busca no

Criar o arquivo (caso ainda não exista)
templates/purity_iii/css/custom.css

Adicionar:

.ocultar-busca{
display: none;
}

Editar o módulo de busca e adicionar o Sufixo de Classe do Módulo na aba Avançado:

ocultar-busca

Com um espaço em branco à esquerda.

Alterei o
html/mod_footer/default.php para:

- http://ribafs.org

Tive que mudar também a linha1 do language para:

MOD_FOOTER_LINE1="Copyright © %date% %sitename%. Todos os direitos reservados.http://ribafs.org"

E remover as duas abaixo

Tipografia recomendada:
https://pearsonified.com/typography/

Desativando Controle de Versão dos artigos do Joomla 3

Mon, 28 Aug 2017 14:21:24 -0300

Desativando Controle de Versão dos artigos do Joomla 3

Caso queira desabilitar o controle de versão de artigos do Joomla

Como faço backup com frequência, desabilito.

Então resolvi desabilitar o controle de versão jo Joomla:

Conteúdo - Artigos - Opções
Clicar na aba Layout de Edição
Habilitar Versões - Não

Mostrar Error no PHP

Mon, 28 Aug 2017 14:14:00 -0300

Mostrar Error no PHP

Adicionar isso ao início do seu script para que mostre mensagens de erro.

// Adicionar ao início do arquivo
ini_set('display_errors', true);
error_reporting(E_ALL);

No caso de site em Joomla adicionar as linhas acima ao configuration.php, logo abaixo de

Criação de Página de erro (404) para Joomla

Mon, 28 Aug 2017 14:01:48 -0300

Criação de Página de erro (404) para Joomla

Para o caso de o visitante procurar uma página que não existe, então tratemos isso com uma mensagem adequada

Criar um artigo contendo um texto para o visitante que se depara com uma página 404

Título - Página não encotnrada - 404 (outro outro título desejado)
Alias - 404
Categoria - Uncategorized
Opções de Metadados - No index, no follow

Criar um menu oculto

Título - Página não encontrada
Nome único - hiddenmenu
Alias - 404
Opções de Metadados - No index, no follow

Adicionar item de menu para o artigo criado no início

Criar arquivo error.php

templates/seutempalte/error.php

Contendo:

defined( '_JEXEC' ) or die( 'Restricted access');

if ($this->error->getCode() == '404') {
header("HTTP/1.0 404 Not Found");
echo file_get_contents(JURI::root().'404');
exit;
}

Referências:
https://www.ostraining.com/blog/joomla/custom-404/
https://www.ostraining.com/blog/joomla/404-pages/

Aumentando o tamanho dos uploads no php.ini

Mon, 28 Aug 2017 13:31:53 -0300

Aumentando o tamanho dos uploads no php.ini

Caso use um site ou aplicativo em PHP e tente fazer upload de algum arquivo e receba erro e tenha como alterar o php.ini no servidor, então veja como fazer.

Recebi o erro abaixo ao tentar instalar o componente PhocaGallery no Joomla.

"Erro
Houve um erro ao carregar este arquivo para o servidor.
Tamanho máximo de envio de arquivo PHP é muito pequeno: isso é definido no php.ini nas configurações upload_max_filesize e post_max_size suas do PHP (localizado nos arquivos php.ini e/ou .htaccess)
Não foi possível encontrar o pacote de instalação"

Alguns servidores de hospedagem oferecem a possibilidade de alterar o tamanho dos arquivos no php.ini, outros requerem solicitação de suporte.
Alguns oferecem a possibilidade de se criar um php.ini no raiz do site ou em qualquer dos diretórios.

Se você tiver acesso ao servidor poderá efetuar como descrito abaixo:

Abrir o php.ini, que no Linux Ubuntu com php 7 fica em:

sudo nano /etc/php/7.0/apache2/php.ini

Ou seguindo as regras do seu servidor

Procure por upload_max_filesize (F6 no nano) e altere o valor existente para 8, assim:
upload_max_filesize = 8M

Se 8 não for suficiente aumente mais. Cuidado para não exagerar pois isso compromete a segurança do servidor.
Se for em servidor local não requer muito cuidado, mas é melhor aumentar somente para o necessário.

Aumentar também o post_max_size. Este mantive com 8M.
post_max_size = 8M

Restartar o apache
sudo service apache2 restart

Com isso foi suficiente para instalar o PhocaGallery.

Upgrade do Joomla

Thu, 17 Aug 2017 13:41:02 -0300

Upgrade do Joomla 1.5 ou 2.5 para o 3.x

A equipe do Joomla liberou tutoriais de upgrade do Joomla.

Do Joomla 1.5 para o 3.x
https://docs.joomla.org/Special:MyLanguage/Joomla_1.5_to_3.x_Step_by_Step_Migration
Em pt-br - https://docs.joomla.org/Joomla_1.5_to_3.x_Step_by_Step_Migration/pt-br

E do Joomla 2.5 para o 3.x
https://docs.joomla.org/Special:MyLanguage/Joomla_2.5_to_3.x_Step_by_Step_Migration
Em pt-br - https://docs.joomla.org/Joomla_2.5_to_3.x_Step_by_Step_Migration/pt-br

Melhorando a velocidade do site

Mon, 24 Jul 2017 11:30:38 -0300

Melhorando a velocidade do site

Desempenho é algo realmente importante.

Ficar esperando o site abrir é bem chato.

Veja algumas dicas sobre o assunto:

https://blog.hostgator.com.br/site-lento-como-resolver/
http://www.conversion.com.br/blog/7-dicas-velocidade-wordpress/
https://www.wptotal.com/como-optimizar-site-aumentar-velocidade-carregamento/
http://k2comunicacao.com.br/blogs/como-melhorar-a-velocidade-de-carregamento-do-seu-site/
http://rotinadigital.net/como-aumentar-a-velocidade-de-sites-e-blogs-em-200-facilmente/
http://www.superix.com.br/blog/70-saiba-como-melhorar-a-velocidade-e-a-performance-de-seu-site

Ative o cache nos sites com Joomla.

Evite guardar imagens no banco de dados.

Como importar banco grande com MySQL

Sun, 23 Jul 2017 21:34:10 -0300

Como importar banco grande com MySQL

O banco de dados deste site (Joomla com MySQL), no qual inseri várias imagens e que está com 46MB.

Então ao importar seu script para restaurar localmente ele importava somente algumas tabelas e apresentava o erro
Mysql Server has gone away

Importei pela linha de comando (baixei o script, criei o banco):

mysql -uroot -p ribafs < portal.sql

Uma rápida busca encontrei a resposta neste site:
https://piwik.org/faq/troubleshooting/faq_183/

Apenas editei o arquivo abaixo:
sudo nano /etc/mysql/mysql.conf.d/mysqld.cnf

Aumentei o valor do parâmetro:
max_allowed_packet para 128

E reiniciei o serviço do mysql.

Beleza. Consegui importar.

Evite armazenar imagens no banco de dados

Sun, 23 Jul 2017 00:55:22 -0300

Evite armazenar imagens no banco de dados

O Joomla nos oferece muitas facilidades. Para inserir uma imagem em um artigo podemos enviar o arquivo da imagem para o site e fazer referência ao mesmo no artigo. Desta forma a imagem ficará guardada junto aos arquivos do site e apenas seu caminho vai para o banco de dados.

Também podemos ter um documento do Word ou Libre Office Writer contendo texto e imagens. Basta copiar todo o documento e colar no artigo do Joomla que todo o conteúdo irá para o artigo, texto e imagens. Desta forma tanto o exto quanto as imagens irão para o banco de dados. Sendo um pequeno artigo, com poucas imagens pequenas não haverá problema, mas se criarmos vários artigos, cada um contendo várias imagens desta forma, que irão para o banco de dados, então poderemos ter problemas.

Tive problemas com este site, por enviar vários artigos assim. O banco cresce muito e alguns artigos chegam a nem abrir no site. O navegador fica tentanto, tentando e não abre.

Também cheguei a receber uma mensagem de erro em um que tinha muitas imagens:

limit reached (pcre.backtrack_limit)

Bastou remover as imagens do banco de dados e inserir como arquivos que tudo foi resolvido.

Hospedagem Free para Joomla

Thu, 13 Jul 2017 11:42:12 -0300

Hospedagem Grátis para PHP e MySQL

Como é uma hospedagem para php e mysql, então pode ser usada para a criação de sites com Joomla, Wordpress, Drupal, CakePHP, Laravel ou qualquer outro software que use PHP.

O que me chamou a atenção nesta hoepedagem foi o software de gerenciamento de arquivos, que me permitiu enviar o zip do Joomla de uma única vez.

Geralmente as hospedagens free não permitem enviar um arquivo além de 5MB.

Estou fazendo isso por conhecer as dificuldades de se encontrar uma boa hospedagem free.

Esta permite que utilizemos nosso domínio ou que usemos um subdomínio.

Hospedagem

https://www.000webhost.com/

Principais características:

- 1GB de espaço em disco
- 2 bancos do MySQL
- 5 e-mails
- Hospedagem de domínio ou subdomínio

SSL no Administrator

Como vi que o subdomínio roda com HTTPS, suspeitei de que meu domínio poderia usar também HTTPS. Como só me interessa isso no administrator, experimentei e funcionou. Agora meu administrator usa HTTPS.
Isso valoriza ainda mais esta hospedagem.

Problema

Quando criei meu site para lá e mudei meu domínio tive um problema: não conseguia mais acessar com ribafs.org, somente com www.ribafs.org.

Depois de uma rápida pesquisa encontrei a solução e agora acessa com apenas ribafs.org:

Adicionar ao .htaccess do raiz do site:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.ribafs\.org$ [NC]
RewriteRule ^(.*)$ http://ribafs.org/$1 [R=301,L]

Crédito:
https://julianoaugusto.com/noticias/33-programe-seu-site-para-nao-usar-www

Alerta: não é uma hospedagem para sites com muito tráfego. Este site estava no 000webhost e travava algumas vezes. Então resolvi pagar uma hospedagem e tirar meu site dele.

Inserindo código em Artigos

Wed, 12 Jul 2017 09:57:44 -0300

Inserindo Código em Artigos

A forma mais simples de inserir trechos de código (programação em várias linguagens) em artigos do Joomla é usando o botão {;} (Inserir/Editar Código de Exemplo) do editor padrão, TinyMCE.

Joomla - Referências

Mon, 26 Jun 2017 14:08:06 -0300

Joomla - Referências

Alguns bons e ótimos sites com informações sobre o Joomla:

Joomla Tutorial - https://www.tutorialspoint.com/joomla/index.htm

https://www.siteground.com/tutorials/joomla/

https://www.hostnet.com.br/wiki/index.php/Tutorial_Joomla

https://www.joomlatutorials.com/

http://www.joomlablogger.net/joomla-tutorials