pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 08:51:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: Improve Open Graph meta tags

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-29 17:36:35 +00:00
parent 9152ef6b01
commit f83b5b4e7b
2 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -28,6 +28,7 @@
<meta property="og:image:width" content="1200" /> <meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" /> <meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="ThrillWiki - Theme Park & Roller Coaster Database" /> <meta property="og:image:alt" content="ThrillWiki - Theme Park & Roller Coaster Database" />
<meta property="og:url" content="https://www.thrillwiki.com/" />
<!-- Twitter --> <!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
@@ -35,6 +36,7 @@
<meta name="twitter:description" content="Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts" /> <meta name="twitter:description" content="Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts" />
<meta name="twitter:image" content="https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original" /> <meta name="twitter:image" content="https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original" />
<meta name="twitter:image:alt" content="ThrillWiki - Theme Park & Roller Coaster Database" /> <meta name="twitter:image:alt" content="ThrillWiki - Theme Park & Roller Coaster Database" />
<meta name="twitter:url" content="https://www.thrillwiki.com/" />
<!-- Google Fonts --> <!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">

7
src/hooks/useOpenGraph.ts
View File

@@ -40,6 +40,9 @@ export function useOpenGraph({
finalImageUrl = window.location.origin + finalImageUrl; finalImageUrl = window.location.origin + finalImageUrl;
} }
// Update document title
document.title = title.includes('ThrillWiki') ? title : `${title} | ThrillWiki`;
// Update or create meta tags // Update or create meta tags
updateMetaTag('og:title', title); updateMetaTag('og:title', title);
updateMetaTag('og:description', description || 'Explore theme parks and roller coasters worldwide with ThrillWiki'); updateMetaTag('og:description', description || 'Explore theme parks and roller coasters worldwide with ThrillWiki');
@@ -51,16 +54,20 @@ export function useOpenGraph({
updateMetaTag('twitter:title', title, 'name'); updateMetaTag('twitter:title', title, 'name');
updateMetaTag('twitter:description', description || 'Explore theme parks and roller coasters worldwide with ThrillWiki', 'name'); updateMetaTag('twitter:description', description || 'Explore theme parks and roller coasters worldwide with ThrillWiki', 'name');
updateMetaTag('twitter:image', finalImageUrl, 'name'); updateMetaTag('twitter:image', finalImageUrl, 'name');
updateMetaTag('twitter:url', currentUrl, 'name');
return () => { return () => {
document.title = 'ThrillWiki - Theme Park & Roller Coaster Database';
updateMetaTag('og:title', 'ThrillWiki - Theme Park & Roller Coaster Database'); updateMetaTag('og:title', 'ThrillWiki - Theme Park & Roller Coaster Database');
updateMetaTag('og:description', 'Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts'); updateMetaTag('og:description', 'Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts');
updateMetaTag('og:image', 'https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original'); updateMetaTag('og:image', 'https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original');
updateMetaTag('og:type', 'website'); updateMetaTag('og:type', 'website');
updateMetaTag('og:url', 'https://www.thrillwiki.com/');
updateMetaTag('twitter:title', 'ThrillWiki - Theme Park & Roller Coaster Database', 'name'); updateMetaTag('twitter:title', 'ThrillWiki - Theme Park & Roller Coaster Database', 'name');
updateMetaTag('twitter:description', 'Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts', 'name'); updateMetaTag('twitter:description', 'Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts', 'name');
updateMetaTag('twitter:image', 'https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original', 'name'); updateMetaTag('twitter:image', 'https://cdn.thrillwiki.com/images/4af6a0c6-4450-497d-772f-08da62274100/original', 'name');
updateMetaTag('twitter:url', 'https://www.thrillwiki.com/', 'name');
}; };
}, [title, description, imageUrl, imageId, type, currentUrl, enabled]); }, [title, description, imageUrl, imageId, type, currentUrl, enabled]);
} }