diff --git a/apps/web/src/libs/seo.ts b/apps/web/src/libs/seo.ts index 3b8982c2f..f22671772 100644 --- a/apps/web/src/libs/seo.ts +++ b/apps/web/src/libs/seo.ts @@ -30,10 +30,11 @@ export const createResumeSocialMeta = ({ canonicalUrl, title, description, image { property: "og:description", content: description }, { property: "og:url", content: canonicalUrl }, { property: "og:image", content: imageUrl }, - { property: "twitter:card", content: "summary_large_image" }, - { property: "twitter:title", content: title }, - { property: "twitter:description", content: description }, - { property: "twitter:image", content: imageUrl }, + // X only reads these as `name`, not `property` + { name: "twitter:card", content: "summary_large_image" }, + { name: "twitter:title", content: title }, + { name: "twitter:description", content: description }, + { name: "twitter:image", content: imageUrl }, ]; const serializeJsonLdForScript = (data: JsonLd) => diff --git a/apps/web/src/routes/__root.tsx b/apps/web/src/routes/__root.tsx index 1f69b36e2..689f16dc7 100644 --- a/apps/web/src/routes/__root.tsx +++ b/apps/web/src/routes/__root.tsx @@ -73,12 +73,13 @@ export const Route = createRootRouteWithContext()({ { name: "apple-mobile-web-app-capable", content: "yes" }, { name: "apple-mobile-web-app-title", content: "Reactive Resume" }, { name: "apple-mobile-web-app-status-bar-style", content: "black-translucent" }, - // Twitter Tags - { property: "twitter:image", content: `${appUrl}/opengraph/banner.jpg` }, - { property: "twitter:card", content: "summary_large_image" }, - { property: "twitter:title", content: title }, - { property: "twitter:description", content: description }, + // Twitter Tags — X only reads these as `name`, not `property` + { name: "twitter:image", content: `${appUrl}/opengraph/banner.jpg` }, + { name: "twitter:card", content: "summary_large_image" }, + { name: "twitter:title", content: title }, + { name: "twitter:description", content: description }, // OpenGraph Tags + { property: "og:type", content: "website" }, { property: "og:image", content: `${appUrl}/opengraph/banner.jpg` }, { property: "og:site_name", content: appName }, { property: "og:title", content: title },