[Bug] Changelog preview image (#19875)

* [Bug] Changelog preview image

* Refactor logic

* Update logic

* remove line

* move up to minimize changes

Author: kodster28

src/components/overrides/Head.astro

@@ -68,8 +68,7 @@ if (currentSection) {
 			const group = product.data.product.group.toLowerCase();
 
 			let ogImage = "https://developers.cloudflare.com/cf-twitter-card.png";
-			let changelogImage =
-				"https://developers.cloudflare.com/changelog-preview.png";
+
 			const images: Record<string, string> = {
 				"cloudflare essentials":
 					"https://developers.cloudflare.com/core-services-preview.png",
@@ -88,10 +87,6 @@ if (currentSection) {
 				ogImage = images[group];
 			}
 
-			if (currentSection === "changelog") {
-				ogImage = changelogImage;
-			}
-
 			const tags = [
 				{
 					tag: "meta",
@@ -142,6 +137,40 @@ if (currentSection) {
 			content: "",
 		});
 	}
+
+	if (currentSection === "changelog") {
+		let changelogImage =
+			"https://developers.cloudflare.com/changelog-preview.png";
+
+		const tags = [
+			{
+				tag: "meta",
+				attrs: {
+					name: "image",
+					content: changelogImage,
+				},
+				content: "",
+			},
+			{
+				tag: "meta",
+				attrs: {
+					name: "og:image",
+					content: changelogImage,
+				},
+				content: "",
+			},
+			{
+				tag: "meta",
+				attrs: {
+					name: "twitter:image",
+					content: changelogImage,
+				},
+				content: "",
+			},
+		] as const;
+
+		Astro.props.entry.data.head.push(...tags);
+	}
 }
 
 // Add noindex tag if present in frontmatter