Category: html

Como exportar e importar favoritos do Google Chrome

Como exportar e importar favoritos do Google Chrome

Saiba como fazer um backup das suas páginas favoritas do Google Chrome (Imagem: Vitor Pádua/Tecnoblog)

Você pode exportar os favoritos do Google Chrome ao acessar o “Gerenciador de favoritos” do navegador no PC. Em seguida, é necessário usar a ferramenta “Exportar favoritos” para gerar um arquivo HTML com o backup das informações.

Por outro lado, o processo de importar favoritos do Chrome ocorre ao abrir a opção “Importar favoritos e configurações”. Então, você deve escolher um arquivo de backup para adicionar as páginas à barra de favoritos do navegador.

Fazer backup dos favoritos do Chrome é uma forma de salvar seus sites favoritos em um arquivo de recuperação. Isso é útil para transferir os links das páginas para outro navegador ou computador, ou apenas ter uma cópia de segurança.

A seguir, veja o passo a passo para exportar e importar os favoritos do Google Chrome.

ÍndiceComo exportar favoritos do Chrome1. Clique no ícone de três pontos do Google Chrome2. Selecione “Favoritos e listas” do navegador3. Escolha “Gerenciador de favoritos” do Chrome4. Clique no botão de três pontos no gerenciador de favoritos5. Selecione “Exportar favoritos” do Chrome6. Salve o arquivo HTML com os favoritos do ChromeComo importar favoritos do Chrome1. Selecione o ícone de três pontos do Google Chrome2. Escolha “Favoritos e listas” do Chrome3. Clique “Importar favoritos e configurações”4. Selecione “Arquivo HTML com favoritos”5. Clique em “Escolher arquivo” de backup de favoritos6. Selecione o arquivo HTML com o backup de favoritosDá para exportar os favoritos do Chrome pelo celular?Posso importar os favoritos do Chrome em outro navegador?O Google Chrome pode importar favoritos de outro navegador?Exportar os favoritos também exporta as senhas salvas no Chrome?

Como exportar favoritos do Chrome

1. Clique no ícone de três pontos do Google Chrome

Abra o navegador Google Chrome no seu computador e clique no ícone de três pontos, ao lado da barra de endereço no canto superior direito, para acessar um menu de opções.

Acessando o menu de opções do Google Chrome (Imagem: Reprodução/Google Chrome)

2. Selecione “Favoritos e listas” do navegador

Clique em cima da opção “Favoritos e listas” para abrir um submenu com novas opções do navegador.

Abrindo o menu “Favoritos e listas” (Imagem: Reprodução/Google Chrome)

3. Escolha “Gerenciador de favoritos” do Chrome

Clique em “Gerenciador de favoritos” para acessar um menu dedicado do Chrome.

Acessando o menu “Gerenciador de favoritos” (Imagem: Reprodução/Google Chrome)

4. Clique no botão de três pontos no gerenciador de favoritos

Clique no botão de três pontos, ao lado direito do campo “Pesquisar favoritos”, para abrir um submenu com ferramentas.

Abrindo o menu de ferramentas do Gerenciador de favoritos (Imagem: Reprodução/Google Chrome)

5. Selecione “Exportar favoritos” do Chrome

Clique na opção “Exportar favoritos” para salvar os favoritos do Chrome em um arquivo HTML.

Selecionando a opção “Exportar favoritos” (Imagem: Reprodução/Google Chrome)

6. Salve o arquivo HTML com os favoritos do Chrome

Escolha uma pasta no seu PC e renomeie o arquivo HTML. Por fim, toque “Salvar” para fazer backup dos favoritos do Chrome.

Salvando o arquivo backup de favoritos do Chrome em HTML (Imagem: Reprodução/Google Chrome)

Como importar favoritos do Chrome

1. Selecione o ícone de três pontos do Google Chrome

Com o navegador Google Chrome aberto no PC, clique no ícone de três pontos no canto superior direito e abra o menu de opções.

Abrindo o menu de opção do Google Chrome (Imagem: Reprodução/Google Chrome)

2. Escolha “Favoritos e listas” do Chrome

Pare o mouse em cima da opção “Favoritos e listas” para exibir um submenu do navegador.

Selecionando a opção “Favoritos e listas” (Imagem: Reprodução/Google Chrome)

3. Clique “Importar favoritos e configurações”

Clique na opção “Importar favoritos e configurações” para abrir um menu pop up com opções de importação do navegador.

Acessando a opção “Importar favoritos e configurações” (Imagem: Reprodução/Google Chrome)

4. Selecione “Arquivo HTML com favoritos”

No menu pop up “Importar favoritos e configurações”, clique na caixa de seleção e escolha “Arquivo HTML com favoritos”.

Selecionando a opção “Arquivo HTML com favoritos” (Imagem: Reprodução/Google Chrome)

5. Clique em “Escolher arquivo” de backup de favoritos

Em seguida, clique no botão “Escolher arquivo” para acessar o backup de favoritos no seu PC.

Clicando no botão “Escolher arquivo” (Imagem: Reprodução/Google Chrome)

6. Selecione o arquivo HTML com o backup de favoritos

Busque o backup das páginas do navegador no seu computador. Então, clique duas vezes em cima do arquivo HTML para importar os favoritos do Chrome.

Selecionando o arquivo HTML com backup de favoritos do Google Chrome (Imagem: Reprodução/Google Chrome)

Dá para exportar os favoritos do Chrome pelo celular?

Não, você não consegue exportar os favoritos do Chrome diretamente pelo celular. Essa funcionalidade está disponível apenas na versão do navegador para computadores.

Posso importar os favoritos do Chrome em outro navegador?

Sim, os principais navegadores têm ferramentas para importar os sites favoritos do Chrome usando o arquivo backup em HTML. Por exemplo, você consegue importar favoritos no Firefox, Edge, Opera e Safari.

O Google Chrome pode importar favoritos de outro navegador?

Sim, dá para importar as páginas favoritas de outros navegadores no Google Chrome. Para isso, é necessário ter o arquivo backup em HTML com os favoritos do Edge, Opera, Safari ou Firefox.

Exportar os favoritos também exporta as senhas salvas no Chrome?

Não, os favoritos e as senhas salvas no Chrome são gerenciados separadamente. Por serem dados sensíveis, as senhas ficam vinculadas à sua Conta Google e não podem ser exportadas em um arquivo simples sem criptografia.

A forma mais segura de transferir as senhas para outro Chrome é fazendo a sincronização com a Conta Google. Basta fazer login com a mesma conta no navegador em outro PC para que todas as configurações, incluindo senhas, sejam automaticamente sincronizadas.
Como exportar e importar favoritos do Google Chrome

Como exportar e importar favoritos do Google Chrome
Fonte: Tecnoblog

Como criar um website? Dicas práticas de UX, UI e SEO

Como criar um website? Dicas práticas de UX, UI e SEO

Quase todo mundo precisa de um website hoje em dia. Especialmente se você for um empreendedor sério. As redes sociais não são o bastante. Redes sociais como o Instagram são plataformas controladas por terceiros.

Eles podem mudar o algoritmo e reduzir o seu alcance drasticamente de um dia para o outro. Um simples mal entendido e o Instagram pode dizer que você violou os termos e condições e então bloquear sua conta por alguns dias ou até suspender sua conta para sempre.

Esse tipo de situação é inaceitável para qualquer empreendedor sério que depende do meio online para obter sucesso nos negócios.

A boa notícia é que há uma alternativa muito mais interessante. Estamos falando de criar o próprio website. Criar um website não é tão difícil quanto parece. Para começar, use uma hospedagem de website rápida porque isso pode fazer a diferença entre clientes que compram no seu site e clientes que fecham seu website imediatamente. Mas há muitos detalhes para ter em mente, vamos discutir a seguir.

Sobre o UX

UX design diz respeito a experiência do usuário. Muitas pessoas acreditam que o web design é sobre estética e que apenas isso importa. Mas, na prática, há muitas coisas mais importantes. Estamos falando de como o cliente se sente ao entrar no seu website e como ele se comporta.

Afinal de contas, é fácil navegar pelo seu website? É fácil encontrar as coisas importantes no seu website?  A melhor dicas que podemos dar sobre UX design é manter as coisas simples. Nada de banners flutuando e animações.

Esse tipo de coisa só serve para distrair e atrapalhar a navegação. Escolha ter um website limpo, simples e fácil de usar. Se o seu objetivo é vender produtos, deixe claro onde estão as opções de compra e etc. 

Se o seu objetivo é que as pessoas entrem em contato com você, faça com que as suas informações de contato estejam em destaque no website. Isso deve ser, literalmente, a primeira coisa que os visitantes veem ao entrar no seu website.

Sobre o UI

O UI design é sobre guiar um usuário do primeiro passo até o objetivo final dentro do website. Dessa forma, o UI é o esqueleto, a parte prática, enquanto que o UX diz respeito a maquiagem, as coisas que tornam a experiência do usuário agradável.

Em poucas palavras, o que podemos dizer sobre o UI design é deixar as coisas simples. Vivemos na era em que as pessoas não têm a capacidade de focar por muito tempo diante das telas. Por isso aplicativos de vídeos curtos como o TikTok fazem tanto sucesso.

Pensando nisso, torne seu website simples, faça com que tudo possa ser resolvido em poucos passos.

Sobre o SEO

SEO quer dizer otimização para os mecanismos de busca. Isto é, conteúdo para que os mecanismos como o Google encontrem o seu website de forma fácil e até classifiquem seu website como relevante e deixe o mesmo entre os primeiros resultados. 

Hoje em dia, as pessoas estão totalmente obcecadas com o SEO. Elas escrevem para o Google e esquecem do usuário final. Como resultado, elas colocam várias palavras chaves no texto, muitas vezes, até as que não fazem sentido.

O que essas pessoas esquecem é que o Google está sendo atualizado constantemente. A ideia do Google é encontrar o conteúdo que é mais relevante para as pessoas. Sendo assim, é muito mais produtivo escrever para pessoas em primeiro lugar e pensar nos mecanismos de busca depois disso.

É claro que há coisas que você pode fazer para o SEO do seu website que não envolvem o texto escrito nele. Por exemplo, deixar o seu website o mais rápido possível é uma prática que pode melhorar a posição do seu website nos resultados do Google.

A melhor dica prática que temos para você sobre o SEO é: ter um site com velocidade de carregamento, utilizar um bom plugin de SEO (se for WordPress), criar um conteúdo útil para o seu usuário.

Considerações finais

Existem muito mais para aprender se você quer criar um bom site. Aqui no blog do Chief que temos para você sobre UI, UX e SEO.

Nossa dica final é que você estude e pratique bem e caso perceba que não é pra você, você pode contratar algum profissional. Isso será melhor do que fazer as coisas sozinho. Contrate um bom profissional para lhe ajudar no que for preciso. Plataformas como UpWork e Fiverr são bons lugares para isso.

Caso queira aprender e se especializar, conheça os nossos cursos de Web Design e curso de UI Design.
The post Como criar um website? Dicas práticas de UX, UI e SEO appeared first on Chief of Design.

Como criar um website? Dicas práticas de UX, UI e SEO
Fonte: Chef of Design

O que é WordPress? Como funciona? Como começar?!

O que é WordPress? Como funciona? Como começar?!

Eae, td bele?

Vamos falar sobre WordPress?

Você já desenvolveu sites estáticos? Tipos aqueles com poucas páginas de puro HTML?

Talvez você já tenha feito…Talvez não… Mas o fato é que dependendo do projeto, eles podem ser ainda usados. Entretanto, com o passar do tempo, alguns projetos crescem e necessitam de assumir funções de sites dinâmicos.

Caso você não saiba, um site dinâmico é aquele permite receber e processar informações de visitantes, gerenciar conteúdo, entre outras funções; e que só podem ser alcançadas com o uso de linguagens de programação integradas com banco de dados. Funções estas que não possíveis com sites estáticos.

Se você enxerga que precisa entregar sites dinâmicos para seus clientes ou até para você mesmo e você não tem conhecimento em linguagens de programação, por exemplo, a mega utilizada PHP, você tem 3 caminhos a seguir, dependendo do seu projeto:

1° Aprender uma linguagem de programação.

Porém vai levar um tempo, quiçá um bom tempo, para você conseguir desenvolver sites completos. Sabendo disso, você pode considerar a segunda opção a seguir;

2° Contratar um programador.

Neste caso talvez você não queira ficar por muito, pois pode requerer investir uma boa grana na mão de obra do desenvolvedor.

Ainda mais quando souber que existe uma terceira opção que pode ser utilizada para diversos casos (claro que não todos absolutamente) e com uma curva de aprendizado mais curta que o aprendizado de certas linguagens.

E este é o terceiro caminho que você pode seguir, que é:

3 °Aprender a utilizar um CMS como o WordPress. 😀

Portanto será sobre este terceiro caminho que trataremos neste artigo, bele? Preparado?

Então… “Ale hop”!

Neste artigo você saberá:

O que é o WordPress;O que você poderá fazer caso domine este CMS chama WordPress;Quais recursos o WordPress oferece;Porque você deve aprender a mexer na plataforma WordPress;Que existe outro tipo limitado de WordPress para você não se confundir;Vídeos ensinando a instalar o WordPress;Plugins essenciais;Dicas para você utilizar o WordPress.

O que é o WordPress?

Caso você nunca tenha ouvido falar em WordPress saiba que ele é uma plataforma de Gerenciamento de conteúdo, ou para muitos o CMS (que tem na prática o mesmo significado). Esta a é a plataforma para publicação de conteúdo mais usada no mundo e engloba quase 70% do mercado que trabalham com CMSs.

CMS é o acrônimo de Content Management System — que traduzindo significa, sistema de gerenciamento de conteúdo.

Existem vários CMS por aí e você, caso tenha conhecimentos em programação, pode até criar o seu. O Objetivo de um CMS, como o WordPress, é facilitar a criação e a edição de conteúdos em um site sem a necessidade de lidar diretamente com uma linguagem de programação.

Portanto, a ideia é que qualquer um possa criar um site, um blog, por exemplo, e também atualizá-lo, sem necessariamente ter domínio de linguagens de programação. Com o Wordpres é possível criar conteúdos de forma simples e intuitiva, adicionando textos, inserindo imagens e vídeos, desenvolvendo formulários, etc; e até mesmo editando o layout e estrutura do site, sem necessariamente colocar a mão em códigos.

Grandes sites, de grandes corporações, em todo o mundo utilizam o Wordpres. Existem pesquisas que apontam que mais de 30% dos sites da web, de todo o mundo, são feitos em WordPress.Aqui no Brasil, temos alguns exemplos como o site da Toyota, da editora Abril, do Rock in Rio, da Gisele Bündchen e até mesmo o blog do Wix (vejam só hehehe) é feito em WordPress.

A Anyssa Ferreira, designer e desenvolvedora que já entrevistei aqui no Chief, tem um post em seu site sobre o tema.

Quais as vantagens e benefícios de usar o WordPress?

Existem várias vantagens em utilizar o CMS mais utilizado no mundo, abaixo cito as principais que acredito e tornam o WordPress tão útil.

É livre;

O WordPress é open source e livre de restrições comerciais e limitações. Trata-se um software livre, ou seja, qualquer um pode desenvolver e criar temas, plugins, melhorias, etc; e publicar na comunidade.

É gratuito;

Você não precisa pagar para utilizar o WordPress. Basta baixar e instalar o software no seu servidor, ou até mesmo localmente na sua máquina, e pronto. Você já pode começar a criar e mexer no seu site.

Além do software, existem vários recursos para ele como plugins e temas, totalmente gratuitos. A variedade de recursos gratuitos é muito grande.

Existe certa confusão entre WordPress.org e WordPress.com, mas a seguir falaremos sobre isso.

A curva de aprendizagem é menor se comparada com outras opções;

O WordPress é fácil de aprender. Seu painel é intuito e bem simples de utilizar. Inclusive o painel de administração do WordPress e também as interfaces para criar post e páginas são semelhantes a outros que utilizamos em nosso cotidiano.

Comunidade gigante;

Essa é uma dar partes mais legais. A comunidade do WordPress é muito grande no mundo inteiro. Aqui no Brasil temos uma das maiores comunidade do mundo. O nosso WordCamp SP já é o maior do mundo.

E uma comunidade grande significa que temos mais segurança, melhorias constantes e coisas novas sendo criadas a todo momento.

Maior número de Plugins (wordpress plugins);

Plugins são extensões que adicionam novas funcionalidades ao seu WordPress. Essas funcionalidades podem ser desde itens para acrescentar no seu site até mesmo artefatos para melhor a sua experiência de uso do sistema.

A quantidade de plugins que o WordPress tem é incomparável com qualquer outro CMS. Inclusive sempre costume dizer que caso não exista um para o WordPress provavelmente não exista para nenhum outro, devido a essa enormidade.

Maior número de Temas (WordPress Themes);

Tema WordPress nada mais é do que um modelo de site pronto para editar. Existem modelos Free (gratuitos) e Premium (pagos).

E também nesse quesito o WordPress ganha de lavada. Existem milhares de temas, free ou premium, para você fazer download.

É seguro;

Devido a todo esse volume de pessoas utilizando, é claro que o volume de ataque e tentativas de invasão são grandes. Porém, como já foi dito, a comunidade é gigante e por isso temos diversos plugins e atualizações para garantir a segurança do sistema.

Normalmente erros de segurança são devido a erro humano e não do software.

Tem muita coisa em português;

Graças a grande comunidade brasileira, temos muita coisa de WordPress em português. O próprio WordPress já tem como padrão uma instalação em português.

É otimizado para SEO;

Todo site precisa ser “encontrável”. Isso  independe do nicho, do tema, da ferramenta que você utiliza.  SEO significa otimização para buscadores, e o WordPress é bem-conceituado neste quesito.

Nada mais, nada menos que Matt Cutts, engenheiro de software e ex-chefe da equipe de spam da web no Google declarou que o WordPress cuida de 80 a 90% de SEO.

Caso você não saiba o que é SEO, sugiro que depois leia este artigo.

Não precisa fazer do zero;

Com o WordPress você não precisa desenvolver do zero. Com temas e plugins abundantes, você consegue criar um site muito mais rápido.

Eu tenho um outro artigo onde falo sobre porque utilizar o WordPress, caso queira saber mais clique aqui.

O que você poderá fazer caso domine este CMS chamado WordPress?

Depende do objetivo. Se você pretende apenas trabalhar com conteúdo você poderá administrar todas as publicações do site através da construção de páginas, galeria de imagens, páginas de produtos, posts de blogs, entre outro tipos de conteúdo, e também executar agendamento e exclusão dos mesmos.

Aqui em meus projetos sempre que posso utilizo o WordPress. Os blogs Chief of Design e Designimador são feitos em WordPress. E não só eles, mas tudo o que envolve com página de eBooks, hangouts e etc.

Eu palestrei no WordCamp SP 2018 falando como o WordPress pode ser uma ótima ferramenta de marketing digital. Se quiser conferir, depois acesse esse link (clique aqui).

Com o WordPress você também poderá instalar funcionalidades através de instalação de plugins e gerenciar comentários, se ativada esta função no projeto, e até gerenciamento de contas de colaboradores do projeto.

Caso seu objetivo seja a construção de um site, você poderá usar de recursos próprios do WordPress para agilizar seu trabalho e até ativar funcionalidades interessantes na própria interface desta plataforma sem muitas dificuldades. Entretanto você potencializará os seus layouts caso possua conhecimentos em linguagens de marcação, estilização [** Dica: To falando do HTML & CSS  e o melhor é que temos um ebook pra isso, viu! É só clicar no banner que está aí algum lugar desta página :P]  e/ou programação.

Quais recursos o WordPress oferece?

Além das inúmeras funcionalidades que esta plataforma disponibiliza, através de seus temas e plugins, também possui suporte em uma das comunidades mais engajadas que podemos encontrar na web, o que possibilita a você encontrar muitas variedades de soluções para problemas diversos.

Porque você deve aprender a mexer nesta plataforma?

O aprendizado deste CMS é imprescindível nos dias de hoje porquê:

pelo fato do mercado exigir cada vez mais profissionais habilitados nesta plataforma, pela possibilidade de oferecer aos criativos que não lidam com programação uma forma de aplicar funcionalidades através de configurações intuitivas em seu painel de controle;porque possibilita a profissionais de front-end personalizar temas já existentes através de HTML e CSS e a desenvolvedores criarem temas do zero bastando ter acesso à documentação do WP;E o principal: como esse sistema possibilita o gerenciamento, seus clientes poderão realizar a atualização dos conteúdos dos sites sem depender de você, bastando que ele seja orientado com as ferramentas de publicação que o WordPress oferece.

Não confunda WordPress.ORG com WordPress.COM

É importante ressaltar que tudo que foi dito até agora foi sobre o WordPress.ORG.

O WordPress.ORG é um projeto que oferece um aplicativo gratuito cujos arquivos você tem a total liberdade para modificá-los. Para que este aplicativo funcione, e você possa mexer na plataforma para construir seu site, você precisa hospedá-lo em um servidor.

Em relação ao WordPress.COM se trata de uma plataforma online, isso quer dizer que você não precisa baixar arquivos de forma alguma para instalar em uma hospedagem. Todos os recursos já vem prontos em uma hospedagem própria da plataforma. Mas possui muitas limitações. Exemplo: para que você ative funcionalidades extras você é obrigado a adquirir planos pagos para isso. Para você ter uma ideia para apenas adicionar um domínio é precisa pagar um plano.

Já com o WordPress.ORG. não existem estas limitações em relação as customizações, e grande parte das funcionalidades que você instala através de plugins é gratuita.

E por onde começar com o WordPress?

Além de ficar atentos aos próximos conteúdos aqui no Chief que abordarão um pouco mais sobre o WP, sugiro fortemente que você aprenda a instalar o WordPress para que você possa conhecer a interface da administração deste CMS e até fazer pequenas experiências.

Você pode instalar o WordPress tanto local, ou seja, no seu computador, para poder testar como publicar na internet. Para publicar na web você precisa de hospedagem.

A seguir vou te mostrar como você pode instalar o WordPress na sua máquina. Para isso disponibilizo dois vídeos sobre instalação local do Wordpress.

Instalação XAMPP

Este é um vídeo que faz parte de um dos vários módulos do meu curso de Web Designer e que estou liberando para este artigo para você possa fazer pequenos testes aí na sua máquina. Nele ensino a instalar o XAMPP que é um servidor local que possibilita que você rode o WordPress em sua máquina sem a necessidade de contratar um serviço de hospedagem.

Instalação WordPress

E agora neste vídeo eu mostro como instalar o WordPress em seu servidor local (como já disse anteriormente, esse vídeo faz parte do meu treinamento de Web Designer ).

Instalação WordPress no Servidor

Agora, caso você tenha um serviço de hospedagem, você pode instalar o WordPress no seu servidor web. Dependendo da sua empresa de hospedagem a forma de instalação pode ser diferente. No exemplo a seguir mostraremos uma instalação em uma hospedagem que tem o Cpanel.

Plugins essenciais para você utilizar no seu WordPress.

W3 Total Cache

Um aspecto importante que devemos levar em consideração é a performance das páginas de nossos sites. Isso porque o tempo de carregamento pode determinar o sucesso de nosso projetos.

Um site que carrega lento pode fazer que visitantes desistam de navegar em seu site o que é extramente ruim porque seu projeto não conseguirá atingir seus objetivos. E ainda poderá ter consequências ruins porque cada desistência reflete no aumento de taxa de rejeição que não é bem-vista pelo Google.

Levando tudo isso em consideração é importante utilizar um plugin que melhore o desempenho de seu site WordPress como o W3 Total Cache.

Ele aumentará a velocidade de seu site, porque ele executa uma otimização em diferentes aspectos como compactação de HTML, CSS e Javascript, e execução de caching dos conteúdos e arquivos, diminuindo assim o tempo de carregamento das páginas.

Link para o plugin W3 Total Cache »

Autoptimize

Ainda se tratando em desempenho de sites o Autoptimize é um plugin que também possibilita armazenar cópias em cache e comprimir arquivos. Mas o grande atrativo dele é a possibilidade de otimizar Google Fonts, remover emojis desnecessários e outros extras que aumentará a velocidade de suas páginas.

Link para o plugin Autoptimize »

EEE Image Optimizer

Essa é outra ferramenta que também aumenta a velocidade das páginas só que desta vez através da otimização das imagens.

A compactação resultante do plugin EEE Image Optimizer utiliza algoritmos exclusivos para obter a máxima compactação mas mantendo as imagens sem perdas visuais.

Com este plugin você poderá otimizar a imagem quando você enviar ao seu site e também otimizar as imagens existentes na biblioteca de mídia.

Link para o plugin EEE Image Optimizer »

Yoast SEO

O Yoast SEO trabalha com diferentes aspectos para otimização. Já na configuração é possível:

Fazer verificação com ferramentas para Webmasters como o Google Search Console, Ferramentas de Webmasters do Bing, Alexa ou Yandex;Configurações para títulos e meta-descrições;Configurações de meta robots;Configurações para informar os buscadores sobre as contas de redes sociais associadas ao site;Gerar de forma simples um arquivo sitemap.xml, entre outros.

Mas o ponto forte da ferramenta é como ela auxilia na tarefa de otimizar um conteúdo em texto.

Ela vem com um recurso que orienta sobre a utilização da palavra-chave para partes específicas do editor de conteúdo dando sugestão e guiando para melhorias.

Outro ponto interessante é Snippet Preview. Onde este possível editar e visualizar como o resultado da página publicada pode aparecer nos resultados dos mecanismos de buscas.

Neste campo o Yoast alerta também sobre as melhores práticas informando os limites de inserção de caracteres para o título e meta-descrição.

Link para o plugin Yoast SEO »

UpdraftPlus

Possuir um site Worpdress leva a uma obrigação posterior que é possuir um sistema que gerencie backups. Portanto instalar um plugin que execute esta tarefa deve ser uma das primeiras coisas que você deve fazer após instalação do WordPress.

Um plugin que sugiro é o UpdraftPlus. Ele possibilita criar backups automatizados e agendados e com várias opções de locais para armazenamento dos arquivos como no Google Drive e Dropbox.

Além de backup o plugin faz restauração de sites.

Link para o plugin UpdraftPlus »

Contact Form 7

Contact Form 7 é um plugin que permite que você construa um simples e eficaz formulário de contato para seu site.

Vejo o nosso aqui.

O máximo que exigirá de você será um conhecimento bem básico de HTML e da sintaxe do próprio plugin (que não é nada aterrorizante).

Link para o plugin Contact Form 7 »

Disqus

Este é um plugin responsável por gerenciamento de comentários e pode substituir o sistema padrão do WordPress.

O bacana dele é que, além de ter uma visual agradável, existe a possibilidade de enriquecer os comentários com a ferramenta que permite que o usuário vote nos comentários dando positivo ou negativo.

E você pode classificar os comentários por ordem de relevância ordenando para o Disqus exibir os mais votados.

Outra funcionalidade interessante é de compartilhamento dos comentários.

Link para o plugin Disqus »

­

Really Simple SSL

O certificado SSL (Secure Socket Layer) é uma proteção para manter uma conexão segura com a internet. A tecnologia envolvida evita que qualquer dado transferido entre usuário e website fique exposto evitando assim também ataques maliciosos.

Verificamos que um site possui o certificado SSL quando na barra de endereço contém o cadeado verde. Também será notado que o protocolo é https.

O certificado mostra ao visitante que seu site é autêntico e confiável.

Sabendo disto tudo o que você precisa de uma ferramenta que te ajude a configurar seu site para ser executado em https. E é nessa hora que entra o plugin Really Simple SSL.

Este plugin ativa o SSL em seu site com simples passos.

Mas existem um porém. É que você precisa obter um certificado SSL. Este plugin somente detecta o SSL e possibilita sua ativação. Entretanto a simplicidade de configuração que este plugin oferece faz dele um recurso necessário.

Link para o plugin Really Simple SSL »

Dicas para você utilizar o WordPress

Agora vou te passar uma relação de dicas que vão te ajudar em diversos aspectos do gerenciamento do WordPress.

Algumas destas dicas vão te prevenir de possíveis dores de cabeça que possam surgir só pelo simples fato de você não ter um conhecimento prévio de processos comuns no WordPress como questões envolvendo segurança e desempenho, por exemplo. Então vamos a elas.

Manter o WordPress sempre atualizado

Um dos principais motivos de se adotar o WordPress é que ele disponibiliza atualizações constantes. E é de fundamental importância que você as execute sempre que o WordPress alertar que existem atualizações disponíveis.

Essas atualizações procuram fornecer novos recursos, melhorias, melhor performance nas novas versões e também consertar bugs e brejas de segurança. E é principalmente pela questão de segurança é que você deve executar as atualizações porque você está se precavendo que seu site seja alvo de ataques.

Um ponto positivo do WordPress é que existe uma grande e ativa comunidade por trás que constantemente está melhorando a codificação dos arquivos usados no núcleo do WordPress, nos temas, plugins e traduções e isso possibilita que sua instalação tenha acesso aos recursos recentemente otimizados.

E como você pode saber se existem atualizações para serem executadas na sua instalação? Na parte superior do Dashboard, toda vez que existir atualizações o WordPress indicará notificações. Para isto no painel de controle vá para o menu “Atualizações” que fica do lado esquerdo. Na tela de atualizações você será notificado sobre qual versão do WordPress seu site está usando e se necessita atualizar. Nesta mesma página você terá uma relação de plugins, temas e traduções que necessitam atualizações.

OBSERVAÇÃO IMPORTANTE! Certifique-se que antes de qualquer atualização do sistema você tenha um backup do seu WordPress.

Faça um backup do WordPress

Essa é a dica mais importante que vou te passar nesta relação. Para algumas alterações em sua instalação WordPress é indicadíssimo ter um backup. Isso porque se alguma coisa der errado como quebrar o site ou dados se perderem você poderá ficar tranquilo porque você tem uma cópia para restaurar seu site.

Lógico que se algo acontecer ao seu site você poderá ficar estressado, mas a coisa pode ficar pior se você não tiver efetuado um backup.

A comunidade WordPress disponibiliza alguns plugins que auxiliam na criação de backups com a possibilidade de você hospedar aos arquivos de sua instalação nas nuvens e também podem realizar backups automáticos e agendados.

No tópico sobre plugins deste artigo eu destaquei o UpdraftPlus que você pode ativar em seu site e que te auxiliará na tarefa de executar e gerenciar seus backups.

Usar o mínimo possível de plugins

Apesar de todo mundo saber que os plugins oferecem diversas funcionalidades que potencializam seu website o uso exagerado destes recursos podem ter o efeito colateral de aumentar o tempo de carregamento das páginas diminuindo a performance de um site.

Muitas vezes para seguir uma moda instalamos plugins com recursos que façam nosso site parecer “moderno” e seguir as tendências, mas o que temos mesmo que decidir e se tal recurso tem uma função realmente relevante para o projeto.

Importante mesmo é evitar de instalar plugins desnecessários e somente utilizar os plugins fundamentais para funcionamento do website.

Não utilize o usuário “admin” e crie uma senha forte

Se você não for rigoroso em escolher uma senha forte para proteger sua instalação WordPress isso pode comprometer a segurança do site.

Seu site WordPress pode ser alvo de um ataque de força bruta que consiste em tentativas de adivinhar dados de acesso combinando senha e nome de usuário.

Portanto senhas fracas e comuns, ou óbvias como data do nascimento têm mais chances de serem descobertas ainda mais quando você utiliza na instalação o padrão admin.

Mude o padrão admin para que este dado fique difícil de ser descoberto em um possível ataque. Com isso o invasor tem mais um percalço a percorrer.

Os grupos de usuários responsáveis pela administração do WordPress devem garantir uma senha forte porque o acesso a essas contas permite o controle total das funcionalidades do site.

O WordPress oferece um recurso nativo para que você possa gerir uma senha forte onde ele mede a força da senha. Mas cabe a você definir a senha forte porque ele não restringe a criação de senhas fracas.

Como sugestão você pode criar uma senha da seguinte forma:

Utilize uma combinação com letras maiúsculas e minúsculas;Utilize números;Utilize caracteres especiais como %#@&!;Garanta que sua senha tenha no mínimo 8 caracteres.

Utilize urls amigáveis

Url é a sigla de Uniform Resource Locator e quer dizer Localizador Padrão de Recursos. Corresponde ao endereço virtual de site, página ou arquivo. A url deste página que você lê é https://www.chiefofdesign.com.br/wordpress/

No caso desta página podemos notar que é a url é formada por:

um protocolo: https;o dominio do Chief of Design: www.chiefofdesign.com.br;e um recurso: /wordpress/

As urls amigáveis são urls de fácil compreensão para os usuários e também para os mecanismos de buscas.

Por padrão o WordPress utiliza um modelo não amigável de url como no exemplo a seguir:

www.seusite.com/?p=123

Esta url é de difícil compreensão tanto para os usuários quanto para os mecanismos de buscas porque é formado por caracteres que não descrevem sobre o assunto da página.

Mas existe uma configuração no WordPress chamada Links Permanentes que possibilita alterar este padrão para outras opções.

Dentre as opções eu indico que escolha a “Nome do post”. Ele possibilita uma url mais curta que é bastante indicada para se obter uma url amigável. Além de usar uma url curta é indicado também:

Usar hífen para separar palavras;Não usar acento e cedilhas (é, â, ã, ç);Preferir letras minúsculas porque são limpas visualmente;Procure inserir na url uma palavra-chave que resuma o assunto da página.

Exemplo de url com a as características citadas:

Arquitetura da Informação – Ciência para estruturar conteúdos

Configurado o links permanentes o sistema estará habilitado para você criar suas urls amigáveis. No campo logo abaixo do título na seção de edição de posts e páginas você pode criar sua url.

Agende seus posts para o futuro

Uma funcionalidade interessante do WordPress é o agendamento de postagens. Essa é uma mão na roda para que você administre melhor seu tempo.

Com o agendamento de postagens você não precisa estar presente na hora da publicação, basta que você no momento de criação da página ou post agende para o conteúdo ser publicado em uma data e horário no futuro que o sistema colocará o conteúdo no ar no horário programado.

Extra: Construtor de página e sites “Elementor WordPress”

Se não bastasse a infinidade de recursos que o WordPress oferece, nos últimos anos, a comunidade que acompanha este CMS trabalhou ainda mais duro para facilitar a construção de páginas e sites pelos usuários.

Com isso surgiram ferramentas chamadas de page-builders, ou construtores de páginas. Até o próprio WordPress mudou seu editor clássico para que os conteúdos pudessem ser construídos através de blocos que agilizam a tarefa. Eu falo do editor WordPress Gutenberg, que tem até artigo aqui no blog.

Surgiram muitos construtores no mercado, mas o que vem se destacando bastante é o Elementor. Com ele é possível criar páginas de sites em uma interface real-time e do tipo “drag&drop”, ou seja, clicando e arrastando.

O Elementor é plugin que está entre um dos mais populares na comunidade WordPress, e o que faz dele o o principal page-builder da plataforma. Para utilizar o Elementor, basta ter um site em WordPress. Caso você queira saber mais sobre essa ferramenta sugiro que leia este artigo.

 

Conclusão

O WordPress possibilita que você tenha uma certa independência para que possa oferecer sites dinâmicos sem a necessidade de terceirizar tarefas. Esta aposta pode ser interessantíssima porque a curva de aprendizagem pode ser muito mais curta do que aprender programação e os conhecimentos adquiridos possibilitam criar projetos de baixa, média e até, em alguns casos, de alta complexidade.

Espero que tenha gostado desse artigo.

Mais a frente falaremos mais sobre WordPress e como você pode utilizá-lo, bele?

E você? Já trabalha com o WordPress? O que você acha sobre ele?

Deixe a sua dica aí.  Você pode comentar abaixo!

Forte abraço!

Até mais!
The post O que é WordPress? Como funciona? Como começar?! appeared first on Chief of Design.

O que é WordPress? Como funciona? Como começar?!
Fonte: Chef of Design

Editor grátis de PHP, HTML, CSS, JavaScript – Codelobster IDE

Editor grátis de PHP, HTML, CSS, JavaScript – Codelobster IDE

Neste artigo, iremos te mostrar um editor gratuito de linguagens da web, o Codelobster IDE. Esse editor que está no mercado há muito tempo e ganha muitos fãs.

O IDE Codelobster permite a você editar arquivos PHP, HTML, CSS e JavaScript. Ele destaca a sintaxe e fornece dicas para tags, funções e parâmetros. Este editor lida facilmente com os arquivos que contêm um conteúdo misto, ou seja, que contém mais de uma linguagem.

Se você inserir o código PHP no seu modelo HTML, o editor destacará corretamente as tags HTML e as funções PHP. O mesmo se aplica ao código CSS e JavaScript, que está contido nos arquivos HTML.

O programa inclui a função de preenchimento automático, que acelera bastante o seu trabalho de programar e elimina a possibilidade de erros.

O IDE Codelobster fornece ajuda contextual em todas as linguagens de programação suportadas, porque ele usa a documentação mais atualizada no momento, baixando-a de sites oficiais. Assim, podemos obter rapidamente uma descrição de qualquer tag HTML, atributo CSS, função PHP ou JavaScript pressionando a tecla F1.

O depurador PHP integrado permite executar scripts PHP passo a passo, movendo-se sequencialmente pelas linhas de código. Você pode atribuir pontos de verificação, visualizar o processo de trabalho de loops e monitorar os valores de todas as variáveis ​​durante a execução do script.

Você pode visualizar os modelos HTML diretamente no editor, destacar os elementos interessantes na página e explorar os estilos CSS associados. O inspetor HTML e CSS funciona de acordo com o princípio de todos os inspetores de códigos conhecidos.

Outras funções e recursos úteis do IDE:

Um par destacando parênteses e tags – você nunca precisará contar parênteses ou aspas, o editor cuidará disso.Destaque de blocos, seleção e recolhimento de trechos de código, indicadores para facilitar a navegação no arquivo editado, reconhecimento e construção da estrutura completa dos projetos PHP – essas funções garantem um trabalho fácil com projetos de qualquer escala.Suporte para 17 idiomas da interface do usuário, entre eles inglês, alemão, russo, espanhol, francês e claro, que o português-br.O programa funciona nos seguintes sistemas operacionais: Windows 7, Windows 8, Windows 10, Mac OS, Linux, Ubuntu, Fedora, Debian.

E a versão PRO do Codelobster IDE oferece ao programador ainda mais recursos.

Por exemplo, você tem a oportunidade de trabalhar com projetos em um servidor remoto com o uso do cliente FTP embutido. Você pode editar os arquivos selecionados, visualizar os resultados e sincronizar as alterações com os arquivos da hospedagem. Para quem trabalha com WordPress é uma mão na roda.

Além disso, a versão PRO inclui um extenso conjunto de plug-ins:

Suporte totalmente implementado para bibliotecas JavaScript, como jQuery, Node.js, AngularJS, BackboneJS e MeteorJS.Um grande conjunto de extensões que ajudam a trabalhar com estruturas PHP – CakePHP, CodeIgniter, Laravel, Phalcon, Smarty, Symfony, Twig e Yii.Plugins para trabalhar com o CMS mais popular – Drupal, Joomla, Magento e WordPress.

Você pode baixar e instalar qualquer estrutura diretamente do programa sem nos distrair das tarefas principais.

O IDE Codelobster funciona rápido, não trava e nos permite trabalhar mesmo em grandes projetos PHP e com ótima avaliação dos seus usuários.

Acesse agora o site do Codelobster e faça o download do IDE Codelobster no site oficial http://codelobsteride.com.
The post Editor grátis de PHP, HTML, CSS, JavaScript – Codelobster IDE appeared first on Chief of Design.

Editor grátis de PHP, HTML, CSS, JavaScript – Codelobster IDE
Fonte: Chef of Design