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'; const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
createInertiaApp({ createInertiaApp({
title: (title) => `${title} - ${appName}`, title: (title) => title,
resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')), resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
setup({ el, App, props }) { setup({ el, App, props }) {
const root = createRoot(el); const root = createRoot(el);

21
resources/js/pages/Gallery/Gallery.tsx
View File

@@ -48,7 +48,26 @@ export default function Gallery() {
return ( return (
<AppLayout> <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}> <div className={styles.bg}>
<Header isSmall={true} /> <Header isSmall={true} />
<main className={styles.main}> <main className={styles.main}>

21
resources/js/pages/Home.tsx
View File

@@ -68,7 +68,26 @@ export default function Home() {
return ( return (
<AppLayout> <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}> <div className={styles.container}>
<Header /> <Header />

21
resources/js/pages/Menu/Menu.tsx
View File

@@ -112,7 +112,26 @@ export default function Menu() {
return ( return (
<AppLayout> <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}> <div className={styles.bg}>

2
resources/js/ssr.tsx
View File

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

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

@@ -3,6 +3,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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 --}} {{-- Inline style to set the HTML background color based on our theme in app.css --}}
<style> <style>
@@ -11,7 +14,7 @@
} }
</style> </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.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" href="/favicon.svg" type="image/svg+xml">