feat(seo): add Schema.org, dynamic canonical, keywords and apple-touch-icon

Author: patrickluzdev

app/app.vue

@@ -7,6 +7,15 @@
 </template>
 
 <script setup lang="ts">
+const route = useRoute();
+const siteUrl = "https://patrickluz.dev";
+
+// Canonical dinâmica por página
+const canonicalUrl = computed(() => {
+  const path = route.path === "/" ? "" : route.path;
+  return `${siteUrl}${path}`;
+});
+
 // Global SEO defaults
 useHead({
   htmlAttrs: {
@@ -22,8 +31,33 @@ useHead({
     { property: "og:locale", content: "pt_BR" },
   ],
   link: [
-    { rel: "canonical", href: "https://patrickluz.dev" },
+    { rel: "canonical", href: canonicalUrl },
+    { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" },
     { rel: "preload", as: "image", href: "/logo.webp" },
   ],
 });
+
+// Schema.org - Dados estruturados para Google
+useSchemaOrg([
+  defineWebSite({
+    name: "Patrick Luz",
+    url: siteUrl,
+    description:
+      "Engenheiro de Software especializado em aplicações web, APIs e automações.",
+  }),
+  definePerson({
+    name: "Patrick Luz",
+    url: siteUrl,
+    image: `${siteUrl}/logo.png`,
+    jobTitle: "Engenheiro de Software",
+    worksFor: {
+      "@type": "Organization",
+      name: "Mercado Livre",
+    },
+    sameAs: [
+      "https://github.com/patrickluzdev",
+      "https://www.linkedin.com/in/patrickluzdev",
+    ],
+  }),
+]);
 </script>

app/pages/contato.vue

@@ -287,6 +287,8 @@ useSeoMeta({
   title: "Contato - Patrick Luz",
   description:
     "Entre em contato para discutir seu projeto. Disponível para desenvolvimento web, APIs, automações e consultoria. Resposta em até 24h.",
+  keywords:
+    "contato, orçamento, freelancer, consultoria, projeto, whatsapp, email",
 });
 
 defineOgImage({

app/pages/index.vue

@@ -195,14 +195,17 @@ definePageMeta({
 useSeoMeta({
   title: "Patrick Luz - Engenheiro de Software",
   description:
-    "Desenvolvedor Full Stack especializado em aplicações web, APIs e automações. +5 anos de experiência em empresas como Mercado Livre, Inter e Hurst Capital.",
+    "Desenvolvedor Full Stack especializado em aplicações web, APIs e automações. +6 anos de experiência em empresas como Mercado Livre, Inter e Hurst Capital.",
+  keywords:
+    "desenvolvedor full stack, engenheiro de software, vue.js, node.js, go, react, freelancer, automações, APIs",
 });
 
 defineOgImage({
   component: "OgImageTemplate",
   props: {
     title: "Engenheiro de Software",
-    description: "Desenvolvedor Full Stack especializado em aplicações web, APIs e automações.",
+    description:
+      "Desenvolvedor Full Stack especializado em aplicações web, APIs e automações.",
   },
 });
 

app/pages/projetos.vue

@@ -193,6 +193,8 @@ useSeoMeta({
   title: "Projetos - Patrick Luz",
   description:
     "Portfólio de projetos desenvolvidos: sistemas web, APIs, automações e mais. Veja exemplos de trabalhos em Vue.js, React, Go, Node.js e outras tecnologias.",
+  keywords:
+    "portfólio, projetos web, sistemas, vue.js, react, go, node.js, typescript, open source",
 });
 
 defineOgImage({

app/pages/sobre.vue

@@ -298,6 +298,8 @@ useSeoMeta({
   description:
     "Engenheiro de Software com +6 anos de experiência. Especialista em desenvolvimento web, APIs, automações e DevOps. Disponível para novos projetos.",
   ogType: "profile",
+  keywords:
+    "sobre, experiência, habilidades, mercado livre, inter, desenvolvedor senior, carreira",
 });
 
 defineOgImage({