buteco-tech / blog Goto Github PK

Como boa prática de SEO queremos adicionar um objeto JSON a cada página de post usando o formato recomendado pelo Google Search

Critérios de aceitação

• Todas as páginas de post's possuem um objeto JSON com informações de título, resumo, tags, categoria, autor e URL

Falar sobre o conceito de Infra as Code, e mostrar comandos básicos do Terraform, enfim, como alguem pode usar no dia a dia.

• https://www.terraform.io/

WSL é WIndows no Linux, com ele é possível rodar Linux dentro do Windows, ou um subsistema do Linux, como algums comandos.

• https://aka.ms/wsl
• https://devblogs.microsoft.com/directx/directx-heart-linux/

Como fazer setup do Elastic Search e como usar ele em uma aplicação para indexar e consutlar itens.

Pode ser feito em duas partes, preferencialemente em Python, Go, ou Java, ou todas.

Um tutorial de como usar, talvez com o Materia React, pra ter algo com estilo.

Poderia ter uma serie, daria para criar artigos ensinando a fazer componentes, criar parte de autenticação e afins, um sitezinho completo.

Como boa pratica para melhorar o SEO, queremos adicionar um objeto JSON na página inicial com todas nossas redes sociais usando o formato schema.org.

Exemplo:

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Organization",
  "name" : "Example",
 "url" : "https://www.example.com",
 "sameAs" : [
   "https://twitter.com/example",
   "https://www.facebook.com/example",
   "https://foursquare.com/v/example/4e296473149554c77442cc98",
   "http://www.yelp.com/biz/your-business-url-from-yelp", 
   "https://www.instagram.com/example/?hl=en"
   ]
}
</script>

Redes sociais:

• Facebook
• Twitter
• Instagram
• Linkedin

Critérios de aceitação

• A página inicial possuí o JSON com link para todas as redes sociais.

Criar um artigo explicando Git, GitHub e mostrar os principais comandos como:

• git init
• git pull
• git commit
• git merge
• git remote

Enfim, o usado no dia a dia.

Critérios de aceitação

• Todos os cards do Twitter gerados possuem o atribute twitter:site

Links

• Getting started with Twitter Cards
• Card Validator

Uma boa prática para melhorar o SEO do site é criar um arquivo robots.txt, este arquivo será lido por bots para determinar qual ou quais páginas o bot deve our pode ler.

Critérios de aceitação

• Deve permitir/direcionar para a páginas de posts
• Deve permitir/direcionar para a página do podcast
• Deve permitir/direcionar para a página de tags
• Deve permitir/direcionar para a página de categorias
• Deve permitir/direcionar para o XML Sitemap

Explicar a estrutura de pastas, como por exemplo:

tree -L 1 /
/
├── bin -> usr/bin
├── boot
├── cdrom
├── dev
├── etc
├── home
├── lib -> usr/lib
├── lib32 -> usr/lib32
├── lib64 -> usr/lib64
├── libx32 -> usr/libx32
├── lost+found
├── media
├── mnt
├── opt
├── proc
├── root
├── run
├── sbin -> usr/sbin
├── snap
├── srv
├── sys
├── tmp
├── usr
└── var

Cada pasta possui um significado e coisas que vão ou não.

Criar artigo sobre PiHole e como configurá-lo em um Raspberry.

PiHole é útil para bloquear ads e similares.

• https://pi-hole.net/

Como boa prática de SEO, o site deve possuir um XML Sitemap

Critérios de aceitação

• O sitemap deve ser (re)gerado a cada novo artigo

Links

• https://neilpatel.com/blog/xml-sitemap/

Criar um artigo explicando WireGuard, principais diferenças entre as opções atuas de VPN, como o OpenVPN, e como configurar um cliente e um servidor.

Esse artigo pode ser dividido em 3 partes/artigos, Intro, Servidor e Cliente.

• https://www.wireguard.com/

Explicar o assunto, e talvez alguns exemplos sobre WebAssembly.

• https://evilmartians.com/chronicles/hands-on-webassembly-try-the-basics

Contar a história do Tor Project, por que ele existe e como utilizar.

• https://www.torproject.org/

Comparar os diferentes gerenciadores de pacote e mostrar os comandos similares, quais ditros usam o que é afims.

• https://wiki.archlinux.org/index.php/Pacman/Rosetta

Por algum motivo o tema esta enfiando meta description vazia.

Pode-se verificar em: https://butecotecnologico.com.br/kubernetes-explicado/

Vazia:

<meta name="description" content="" />

Com texto:

<meta itemprop="description" content="O Kubernetes (K8s) é uma plataforma para orquestrar, gerenciar e escalar containers e foi criado pelo Google.">

Deve ser algum bug besta no tema.

Para otimizar o tempo de carregamento (principalmente mobile) precisamos usar uma estratégia de lazy load para imagens, isso reduzirá o tempo de render, melhorando nosso SEO e experiência do usuário.

Critérios de aceitação

• Imagens de artigos e página inicial são carregadas após a renderização do HTML

Jogar no Linux está muito mais facil, principalmente por causa do Proton e da Steam.

Seria legal explicar um pouco o que tem acontencido nos ultimos anos, falar de Proton, Vulkan, D9VK, entre outros projetos que permitem jogar de forma fácil.

Como boa prática para melhorar o SEO, precisamos diminuir a quantidade de requests e arquivos sendo carregados para renderizar as páginas, uma forma de melhorar isso é minificar os arquivos css e javascript, carregando apenas um único arquivo de cada, respeitando a sequência de dependências.

Critérios de aceitação

• Todos os arquivos CSS são minificados em apenas um arquivo, respeitando as dependências entre os arquivos.
• Todos os arquivos Javascript são minificados em apenas um arquivo, respeitando as dependências entre os arquivos.
• Os arquivos são (re)minificados ao construir o site usando o comando hugo.

ImgBot é um bot pro Git Hub que pode ajudar a melhorar o site, otimizando e reduzindo tamanho das imagens que usamos.

Uma das reclamações do Google pra mobile é que as imagens são muito grandes e precisam ser otimizadas.

Falar de Free Software e da FSF, historia, os impactos em software livre e afins.