Add meta tags

This commit is contained in:
2025-10-11 21:51:30 +02:00
parent 92056f073f
commit f9d89e4115
6 changed files with 66 additions and 6 deletions

View File

@@ -7,7 +7,7 @@ import { createRoot } from 'react-dom/client';
const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
createInertiaApp({
title: (title) => `${title} - ${appName}`,
title: (title) => title,
resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
setup({ el, App, props }) {
const root = createRoot(el);

View File

@@ -48,7 +48,26 @@ export default function Gallery() {
return (
<AppLayout>
<Head title="Galeria - Ghost Pizza" />
<Head title="Galeria - GhostPizza">
<meta name="description" content="Zobacz zdjęcia naszej przepysznej pizzy. Galeria Ghost Pizza." />
<meta name="keywords" content="galeria pizzy, zdjęcia pizzy, GhostPizza galeria, pizza foto" />
<meta name="robots" content="index, follow" />
<meta name="author" content="GhostPizza" />
<link rel="canonical" href={window.location.href} />
{/* Open Graph */}
<meta property="og:title" content="Galeria - GhostPizza" />
<meta property="og:description" content="Zobacz zdjęcia naszej przepysznej pizzy. Galeria Ghost Pizza." />
<meta property="og:type" content="website" />
<meta property="og:url" content={window.location.href} />
<meta property="og:site_name" content="GhostPizza" />
<meta property="og:locale" content="pl_PL" />
{/* Twitter Card */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Galeria - GhostPizza" />
<meta name="twitter:description" content="Zobacz zdjęcia naszej przepysznej pizzy. Galeria Ghost Pizza." />
</Head>
<div className={styles.bg}>
<Header isSmall={true} />
<main className={styles.main}>

View File

@@ -68,7 +68,26 @@ export default function Home() {
return (
<AppLayout>
<Head title={data?.title || 'Ghost Pizza'}/>
<Head title={data?.title || 'GhostPizza - Pizzeria w Twoim mieście'}>
<meta name="description" content="Najlepsza pizza w mieście. Zamów online lub odwiedź naszą pizzerię." />
<meta name="keywords" content="pizza, pizzeria, dostawa pizzy, zamów pizzę online, GhostPizza" />
<meta name="robots" content="index, follow" />
<meta name="author" content="GhostPizza" />
<link rel="canonical" href={window.location.href} />
{/* Open Graph */}
<meta property="og:title" content={data?.title || 'GhostPizza - Pizzeria w Twoim mieście'} />
<meta property="og:description" content="Najlepsza pizza w mieście. Zamów online lub odwiedź naszą pizzerię." />
<meta property="og:type" content="website" />
<meta property="og:url" content={window.location.href} />
<meta property="og:site_name" content="GhostPizza" />
<meta property="og:locale" content="pl_PL" />
{/* Twitter Card */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={data?.title || 'GhostPizza - Pizzeria w Twoim mieście'} />
<meta name="twitter:description" content="Najlepsza pizza w mieście. Zamów online lub odwiedź naszą pizzerię." />
</Head>
<div className={styles.container}>
<Header />

View File

@@ -112,7 +112,26 @@ export default function Menu() {
return (
<AppLayout>
<Head title="Menu - Ghost Pizza" />
<Head title="Menu - GhostPizza">
<meta name="description" content="Sprawdź nasze menu. Szeroki wybór pizzy i innych dań. Ghost Pizza." />
<meta name="keywords" content="menu pizzy, ceny pizzy, karta dań, GhostPizza menu, zamów pizzę" />
<meta name="robots" content="index, follow" />
<meta name="author" content="GhostPizza" />
<link rel="canonical" href={window.location.href} />
{/* Open Graph */}
<meta property="og:title" content="Menu - GhostPizza" />
<meta property="og:description" content="Sprawdź nasze menu. Szeroki wybór pizzy i innych dań. Ghost Pizza." />
<meta property="og:type" content="website" />
<meta property="og:url" content={window.location.href} />
<meta property="og:site_name" content="GhostPizza" />
<meta property="og:locale" content="pl_PL" />
{/* Twitter Card */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Menu - GhostPizza" />
<meta name="twitter:description" content="Sprawdź nasze menu. Szeroki wybór pizzy i innych dań. Ghost Pizza." />
</Head>
<div className={styles.bg}>

View File

@@ -10,7 +10,7 @@ createServer((page) =>
createInertiaApp({
page,
render: ReactDOMServer.renderToString,
title: (title) => `${title} - ${appName}`,
title: (title) => title,
resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
setup: ({ App, props }) => {
/* eslint-disable */