bwitek/ghostpizza
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add meta tags

Browse Source
This commit is contained in:
Bogusław Witek
2025-10-11 21:51:30 +02:00
parent 92056f073f
commit f9d89e4115
6 changed files with 66 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/app.tsx
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);

21
resources/js/pages/Gallery/Gallery.tsx
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}>

21
resources/js/pages/Home.tsx
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 />

21
resources/js/pages/Menu/Menu.tsx
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}>

2
resources/js/ssr.tsx
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 */

5
resources/views/app.blade.php
View File

@@ -3,6 +3,9 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta name="theme-color" content="#ffffff">
{{-- Inline style to set the HTML background color based on our theme in app.css --}}
<style>
@@ -11,7 +14,7 @@
}
</style>
<title inertia>{{ config('app.name', 'Laravel') }}</title>
<title inertia>GhostPizza</title>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">