Skip to content

Commit f12d65a

Browse files
gbzarelligbzarelli
committed
feat: seo and about
1 parent 53b8c77 commit f12d65a

6 files changed

Lines changed: 139 additions & 6 deletions

File tree

‎src/app/about/metadata.ts‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,15 @@ import type { Metadata } from 'next';
33
export const metadata: Metadata = {
44
title: 'Sobre - Guilherme Biff Zarelli | HelpDev',
55
description: 'Engenheiro de Software com mais de 10 anos de experiência em desenvolvimento e arquitetura de sistemas. Especialista em soluções escaláveis para empresas de grande porte.',
6+
keywords: ['engenheiro de software', 'arquitetura de sistemas', 'desenvolvimento java', 'clean code', 'boas práticas', 'mentoria', 'tecnologia'],
7+
authors: [{ name: 'Guilherme Biff Zarelli' }],
8+
alternates: {
9+
canonical: '/about',
10+
},
611
openGraph: {
712
title: 'Sobre - Guilherme Biff Zarelli | HelpDev',
813
description: 'Engenheiro de Software com mais de 10 anos de experiência em desenvolvimento e arquitetura de sistemas. Especialista em soluções escaláveis para empresas de grande porte.',
14+
type: 'profile',
915
images: [
1016
{
1117
url: 'https://helpdev.com.br/images/logo.png',
@@ -20,5 +26,7 @@ export const metadata: Metadata = {
2026
title: 'Sobre - Guilherme Biff Zarelli | HelpDev',
2127
description: 'Engenheiro de Software com mais de 10 anos de experiência em desenvolvimento e arquitetura de sistemas.',
2228
images: ['https://helpdev.com.br/images/logo.png'],
29+
creator: '@gbzarelli',
30+
site: '@_helpdev',
2331
},
2432
};

‎src/app/about/page.tsx‎

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
import { Navbar } from '../components/Navbar';
44
import Image from 'next/image';
5-
import { FaLinkedin, FaGithub, FaMedium, FaEnvelope, FaGlobe } from 'react-icons/fa';
5+
import { FaLinkedin, FaGithub, FaMedium, FaEnvelope, FaInstagram } from 'react-icons/fa';
66

77
export default function About() {
88
const experiences = [
@@ -54,10 +54,9 @@ export default function About() {
5454
];
5555

5656
const contacts = [
57-
{ name: "Website", url: "https://helpdev.com.br", icon: <FaGlobe className="text-2xl" /> },
58-
{ name: "LinkedIn", url: "https://www.linkedin.com/in/gbzarelli/", icon: <FaLinkedin className="text-2xl" /> },
5957
{ name: "GitHub", url: "https://github.com/gbzarelli", icon: <FaGithub className="text-2xl" /> },
6058
{ name: "Medium", url: "https://medium.com/@guilherme.zarelli", icon: <FaMedium className="text-2xl" /> },
59+
{ name: "Instagram", url: "https://www.instagram.com/_helpdev/", icon: <FaInstagram className="text-2xl" /> },
6160
{ name: "Email", url: "mailto:gbzarelli@helpdev.com.br", icon: <FaEnvelope className="text-2xl" /> }
6261
];
6362

@@ -96,12 +95,23 @@ export default function About() {
9695
))}
9796
</div>
9897
</div>
99-
<p className="text-lg text-gray-600 leading-relaxed">
98+
<p className="mt-4 text-gray-600">
10099
Engenheiro de Software com mais de 10 anos de experiência em desenvolvimento e arquitetura de sistemas.
101100
Especialista em soluções escaláveis para empresas de grande porte, com foco em arquitetura de software,
102101
cloud computing e desenvolvimento de aplicações mobile. Comprometido com o compartilhamento de conhecimento
103102
através de artigos técnicos, palestras e mentoria de desenvolvedores.
104103
</p>
104+
<div className="mt-4">
105+
<a
106+
href="https://www.linkedin.com/in/gbzarelli/"
107+
target="_blank"
108+
rel="noopener noreferrer"
109+
className="inline-flex items-center text-blue-600 hover:text-blue-800 transition-colors"
110+
>
111+
<FaLinkedin className="mr-2" />
112+
Ver perfil completo no LinkedIn
113+
</a>
114+
</div>
105115
</div>
106116
</div>
107117
</div>

‎src/app/articles/metadata.ts‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import type { Metadata } from 'next';
2+
3+
export const metadata: Metadata = {
4+
title: 'Artigos - HelpDev',
5+
description: 'Artigos e tutoriais sobre desenvolvimento de software, arquitetura, boas práticas e tecnologia. Aprenda com conteúdo técnico de qualidade.',
6+
keywords: ['artigos', 'tutoriais', 'desenvolvimento', 'software', 'programação', 'tecnologia', 'arquitetura', 'boas práticas', 'java', 'javascript', 'typescript', 'aprendizado'],
7+
authors: [{ name: 'Guilherme Biff Zarelli' }],
8+
alternates: {
9+
canonical: '/articles',
10+
},
11+
openGraph: {
12+
title: 'Artigos - HelpDev',
13+
description: 'Artigos e tutoriais sobre desenvolvimento de software, arquitetura, boas práticas e tecnologia. Aprenda com conteúdo técnico de qualidade.',
14+
type: 'website',
15+
images: [
16+
{
17+
url: 'https://helpdev.com.br/images/logo.png',
18+
width: 1200,
19+
height: 630,
20+
alt: 'HelpDev Artigos',
21+
},
22+
],
23+
},
24+
twitter: {
25+
card: 'summary_large_image',
26+
title: 'Artigos - HelpDev',
27+
description: 'Artigos e tutoriais sobre desenvolvimento de software, arquitetura, boas práticas e tecnologia.',
28+
images: ['https://helpdev.com.br/images/logo.png'],
29+
creator: '@gbzarelli',
30+
site: '@_helpdev',
31+
},
32+
};

‎src/app/layout.tsx‎

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,24 @@ import "./globals.css";
55
const inter = Inter({ subsets: ["latin"] });
66

77
export const metadata: Metadata = {
8-
title: "HelpDev - Compartilhando Conhecimento em Desenvolvimento de Software",
8+
title: {
9+
default: "HelpDev - Compartilhando Conhecimento em Desenvolvimento de Software",
10+
template: "%s | HelpDev"
11+
},
912
description: "Portal dedicado a compartilhar conhecimento sobre desenvolvimento de software, com artigos técnicos, projetos open source e snippets de código úteis.",
10-
keywords: "desenvolvimento de software, programação, artigos técnicos, projetos open source, snippets de código, tecnologia",
13+
keywords: ["desenvolvimento de software", "programação", "artigos técnicos", "projetos open source", "snippets de código", "tecnologia", "java", "arquitetura de software", "clean code", "boas práticas"],
1114
authors: [{ name: "Guilherme Biff Zarelli" }],
1215
creator: "Guilherme Biff Zarelli",
1316
publisher: "HelpDev",
17+
formatDetection: {
18+
email: false,
19+
address: false,
20+
telephone: false,
21+
},
22+
metadataBase: new URL('https://helpdev.com.br'),
23+
alternates: {
24+
canonical: '/',
25+
},
1426
openGraph: {
1527
type: "website",
1628
locale: "pt_BR",
@@ -33,6 +45,7 @@ export const metadata: Metadata = {
3345
description: "Portal dedicado a compartilhar conhecimento sobre desenvolvimento de software, com artigos técnicos, projetos open source e snippets de código úteis.",
3446
images: ["https://helpdev.com.br/images/logo.png"],
3547
creator: "@gbzarelli",
48+
site: "@_helpdev",
3649
},
3750
robots: {
3851
index: true,
@@ -45,6 +58,12 @@ export const metadata: Metadata = {
4558
"max-snippet": -1,
4659
},
4760
},
61+
viewport: {
62+
width: "device-width",
63+
initialScale: 1,
64+
maximumScale: 1,
65+
},
66+
category: "technology",
4867
};
4968

5069
export default function RootLayout({

‎src/app/metadata.ts‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import type { Metadata } from 'next';
2+
3+
export const metadata: Metadata = {
4+
title: 'HelpDev - Desenvolvimento de Software e Tecnologia',
5+
description: 'Blog sobre desenvolvimento de software, arquitetura, boas práticas e tecnologia. Artigos, tutoriais e projetos open source para desenvolvedores.',
6+
keywords: ['desenvolvimento', 'software', 'programação', 'tecnologia', 'arquitetura', 'boas práticas', 'artigos', 'tutoriais', 'projetos', 'open source', 'java', 'javascript', 'typescript'],
7+
authors: [{ name: 'Guilherme Biff Zarelli' }],
8+
alternates: {
9+
canonical: '/',
10+
},
11+
openGraph: {
12+
title: 'HelpDev - Desenvolvimento de Software e Tecnologia',
13+
description: 'Blog sobre desenvolvimento de software, arquitetura, boas práticas e tecnologia. Artigos, tutoriais e projetos open source para desenvolvedores.',
14+
type: 'website',
15+
images: [
16+
{
17+
url: 'https://helpdev.com.br/images/logo.png',
18+
width: 1200,
19+
height: 630,
20+
alt: 'HelpDev',
21+
},
22+
],
23+
},
24+
twitter: {
25+
card: 'summary_large_image',
26+
title: 'HelpDev - Desenvolvimento de Software e Tecnologia',
27+
description: 'Blog sobre desenvolvimento de software, arquitetura, boas práticas e tecnologia.',
28+
images: ['https://helpdev.com.br/images/logo.png'],
29+
creator: '@gbzarelli',
30+
site: '@_helpdev',
31+
},
32+
};

‎src/app/projects/metadata.ts‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import type { Metadata } from 'next';
2+
3+
export const metadata: Metadata = {
4+
title: 'Projetos - HelpDev',
5+
description: 'Projetos open source e ferramentas para desenvolvedores. Explore soluções práticas em Java, JavaScript, TypeScript e mais.',
6+
keywords: ['projetos', 'open source', 'github', 'desenvolvimento', 'software', 'programação', 'tecnologia', 'java', 'javascript', 'typescript', 'ferramentas', 'soluções'],
7+
authors: [{ name: 'Guilherme Biff Zarelli' }],
8+
alternates: {
9+
canonical: '/projects',
10+
},
11+
openGraph: {
12+
title: 'Projetos - HelpDev',
13+
description: 'Projetos open source e ferramentas para desenvolvedores. Explore soluções práticas em Java, JavaScript, TypeScript e mais.',
14+
type: 'website',
15+
images: [
16+
{
17+
url: 'https://helpdev.com.br/images/logo.png',
18+
width: 1200,
19+
height: 630,
20+
alt: 'HelpDev Projetos',
21+
},
22+
],
23+
},
24+
twitter: {
25+
card: 'summary_large_image',
26+
title: 'Projetos - HelpDev',
27+
description: 'Projetos open source e ferramentas para desenvolvedores. Explore soluções práticas em Java, JavaScript, TypeScript e mais.',
28+
images: ['https://helpdev.com.br/images/logo.png'],
29+
creator: '@gbzarelli',
30+
site: '@_helpdev',
31+
},
32+
};

0 commit comments

Comments
 (0)