perf: apply Vercel Next.js best practices (caching, image optimization, metadata)

app/services/[slug]/[location]/page.tsx

@@ -25,12 +25,27 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 
     const title = `${location.name} ${service.title} | Muğla Dijital`;
     const description = `${location.name} bölgesinde profesyonel ${service.title.toLowerCase()} hizmetleri. Muğla Dijital Medya Ajansı ile markanızı zirveye taşıyın.`;
+    const url = `https://mugladijitalmedya.com/services/${slug}/${locationSlug}`;
 
     return {
         title,
         description,
         alternates: {
-            canonical: `/services/${slug}/${locationSlug}`,
+            canonical: url,
+        },
+        openGraph: {
+            title,
+            description,
+            url,
+            images: [
+                {
+                    url: "https://mugladijitalmedya.com/og-image.jpg", // Default OG image
+                    width: 1200,
+                    height: 630,
+                    alt: title,
+                }
+            ],
+            type: 'website',
         }
     };
 }