social meta

Author: hrecht

src/routes/+layout.svelte

@@ -3,23 +3,24 @@
 	import social from '$lib/assets/social-image-og.png';
 	import '../styles/style.css';
 
-	let social_description = "See when the U.S. Census Bureau adds or removes datasets."
-	let page_title = "Tracking Census Dataset Changes"
+	const social_description = "See when the U.S. Census Bureau adds or removes datasets.";
+	const page_title = "Tracking Census Dataset Changes";
+	const canoncal_url = "https://www.hrecht.com/census-api-datasets/";
 
 	let { children } = $props();
 </script>
 
 <svelte:head>
 	<!--link rel="icon" href={favicon} /-->
 
-	<link rel="canonical" href="https://www.hrecht.com/census-api-datasets/">
+	<link rel="canonical" href={canoncal_url}>
 
 	<meta name="description" content={social_description}>
 	<meta name="author" content="Hannah Recht">
 	<meta name="news_keywords" content="census, data, federal government, census api, api">
 	<meta property="og:title" content={page_title}>
 	<meta property="og:site_name" content="Hannah Recht">
-	<meta property="og:url" content="https://www.hrecht.com/census-api-datasets/">
+	<meta property="og:url" content={canoncal_url}>
 	<meta property="og:description" content={social_description}>
 	<meta property="og:type" content="article">
 	<meta property="og:locale" content="en_US">
@@ -28,7 +29,7 @@
 	<meta property="og:image:width" content="1200">
 	<meta property="og:image:height" content="630">
 	<meta name="twitter:card" content="summary_large_image">
-	<meta name="twitter:site" content="https://www.hrecht.com/census-api-datasets/">
+	<meta name="twitter:site" content={canoncal_url}>
 	<meta name="twitter:creator" content="@hannah_recht">
 	<meta name="twitter:title" content={page_title}>
 	<meta name="twitter:description" content={social_description}>

svelte.config.js

@@ -6,7 +6,7 @@ export default {
 		adapter: adapter({
 			pages: 'build',
 			assets: 'build',
-			fallback: undefined,
+			fallback: '404.html',
 			precompress: false,
 			strict: true
 		})