@quintype/seo 1.40.5-amphtml-issue.1 → 1.40.5-static-page-seo.2

package/dist/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var lodash = require('lodash');
+var lodash$1 = require('lodash');
 var React = require('react');
 var ReactDomServer = require('react-dom/server');
 var url = require('url');
@@ -21,7 +21,7 @@ var isUndefined__default = /*#__PURE__*/_interopDefaultLegacy(isUndefined);
 var omitBy__default = /*#__PURE__*/_interopDefaultLegacy(omitBy);
 
 function objectToTags(object) {
-  return lodash.entries(object).filter(([key, value]) => value).map(([key, value]) => ({ [getPropertyName(key)]: key, content: value }));
+  return lodash$1.entries(object).filter(([key, value]) => value).map(([key, value]) => ({ [getPropertyName(key)]: key, content: value }));
 }
 
 function getPropertyName(key) {
@@ -56,7 +56,7 @@ function buildTagsFromStory(config, story, url = {}, data = {}) {
     const { metadata = {} } = story.cards.find(card => card.id === cardId) || {};
     const urlWithCardId = `${config["sketches-host"]}/${story.slug}?cardId=${cardId}`;
 
-    if (metadata && !lodash.isEmpty(metadata) && metadata["social-share"]) {
+    if (metadata && !lodash$1.isEmpty(metadata) && metadata["social-share"]) {
       return {
         title: metadata["social-share"].title || story.headline,
         description: metadata["social-share"].message || story.summary,
@@ -72,14 +72,14 @@ function buildTagsFromStory(config, story, url = {}, data = {}) {
 
   const storyUrl = story.url || `${config["sketches-host"]}/${story.slug}`;
 
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
-  const authors = lodash.get(story, ["authors"], []).map(author => author.name);
+  const customSeo = lodash$1.get(data, ["data", "customSeo"], {});
+  const authors = lodash$1.get(story, ["authors"], []).map(author => author.name);
   const title = customSeo.title || seo["meta-title"] || story.headline;
   const pageTitle = customSeo["page-title"] || seo["meta-title"] || story.headline;
   const description = customSeo.description || seo["meta-description"] || story.summary;
   const keywords = (customSeo.keywords || seo["meta-keywords"] || (story.tags || []).map(tag => tag.name)).join(",");
-  const ogUrl = customSeo.ogUrl || lodash.get(seo, ["og", "url"]) || storyUrl;
-  const getOgTitle = customSeo.ogTitle || lodash.get(story, ["alternative", "social", "default", "headline"], story.headline) || story.headline;
+  const ogUrl = customSeo.ogUrl || lodash$1.get(seo, ["og", "url"]) || storyUrl;
+  const getOgTitle = customSeo.ogTitle || lodash$1.get(story, ["alternative", "social", "default", "headline"], story.headline) || story.headline;
   const ogDescription = customSeo.ogDescription || story.summary;
   const storyMetaData = {
     title,
@@ -103,8 +103,8 @@ function buildTagsFromStory(config, story, url = {}, data = {}) {
 }
 
 function buildTagsFromTopic(config, tag, url = {}, data) {
-  if (lodash.isEmpty(tag)) return;
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+  if (lodash$1.isEmpty(tag)) return;
+  const customSeo = lodash$1.get(data, ["data", "customSeo"], {});
   const tagName = customSeo.title || tag["meta-title"] || tag.name;
   const pageTitle = customSeo["page-title"] || tagName;
   const tagDescription = customSeo.description || tag["meta-description"];
@@ -129,9 +129,9 @@ function buildTagsFromTopic(config, tag, url = {}, data) {
 }
 
 function buildTagsFromAuthor(config, author, url = {}, data) {
-  if (lodash.isEmpty(author)) return;
+  if (lodash$1.isEmpty(author)) return;
 
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+  const customSeo = lodash$1.get(data, ["data", "customSeo"], {});
   const title = customSeo.title || author.name;
   const pageTitle = customSeo["page-title"] || title;
   const description = customSeo.description || author.bio || `View all articles written by ${title}`;
@@ -159,6 +159,33 @@ function buildCustomTags(customTags = {}, pageType = "") {
   return {};
 }
 
+function buildTagsFromStaticPage(config, page, url = {}, data) {
+  const seoData = lodash$1.get(page, ["metadata", "seo"], {});
+  const customSeo = lodash$1.get(data, ["data", "customSeo"], {});
+  if (lodash$1.isEmpty(seoData) && lodash$1.isEmpty(customSeo)) return;
+
+  const { "meta-title": metaTitle, "meta-description": metaDescription, "meta-keywords": keywords } = seoData;
+
+  const title = customSeo.title || metaTitle || page.title;
+  const pageTitle = customSeo["page-title"] || title;
+  const description = customSeo.description || metaDescription;
+  const ogTitle = customSeo.ogTitle || title;
+  const staticPageUrl = `${config["sketches-host"]}${url.pathname}`;
+  const ogDescription = customSeo.ogDescription || description;
+
+  return {
+    title,
+    "page-title": pageTitle,
+    description,
+    keywords: `${title},${config["publisher-name"]}`,
+    canonicalUrl: staticPageUrl,
+    ogUrl: staticPageUrl,
+    ogTitle,
+    ogDescription,
+    keywords: customSeo.keywords || keywords
+  };
+}
+
 // The findRelevantConfig method call has no ownerId for home page.
 // This causes the seoMetadata to be undefined.
 // So the default value for the ownerId is set to null.
@@ -168,8 +195,8 @@ function getSeoData(config, pageType, data, url = {}, seoConfig = {}) {
     const seoMetadata = config["seo-metadata"].find(page => page["owner-type"] === ownerType && page["owner-id"] === ownerId) || {};
     const { sections = [] } = config;
     const section = sections.find(section => ownerType == "section" && section.id === ownerId) || {};
-    const customSeo = lodash.get(data, ["data", "customSeo"], {});
-    if (seoMetadata.data || section.id || !lodash.isEmpty(customSeo)) {
+    const customSeo = lodash$1.get(data, ["data", "customSeo"], {});
+    if (seoMetadata.data || section.id || !lodash$1.isEmpty(customSeo)) {
       const result = Object.assign({}, {
         "page-title": customSeo["page-title"] || section.name,
         title: customSeo.title || section.name,
@@ -202,19 +229,21 @@ function getSeoData(config, pageType, data, url = {}, seoConfig = {}) {
     case "home-page":
       return findRelevantConfig("home");
     case "section-page":
-      return findRelevantConfig("section", lodash.get(data, ["data", "section", "id"])) || getSeoDataFromCollection(config, data) || getSeoData(config, "home-page", data, url);
+      return findRelevantConfig("section", lodash$1.get(data, ["data", "section", "id"])) || getSeoDataFromCollection(config, data) || getSeoData(config, "home-page", data, url);
     case "collection-page":
       return getSeoDataFromCollection(config, data) || getSeoData(config, "home-page", data, url);
     case "tag-page":
-      return buildTagsFromTopic(config, lodash.get(data, ["data", "tag"]), url, data) || getSeoData(config, "home-page", data, url);
+      return buildTagsFromTopic(config, lodash$1.get(data, ["data", "tag"]), url, data) || getSeoData(config, "home-page", data, url);
     case "story-page":
-      return buildTagsFromStory(config, lodash.get(data, ["data", "story"]), url, data) || getSeoData(config, "home-page", data, url);
+      return buildTagsFromStory(config, lodash$1.get(data, ["data", "story"]), url, data) || getSeoData(config, "home-page", data, url);
     case "visual-story":
-      return buildTagsFromStory(config, lodash.get(data, ["story"]), url, data) || getSeoData(config, "home-page", data, url);
+      return buildTagsFromStory(config, lodash$1.get(data, ["story"]), url, data) || getSeoData(config, "home-page", data, url);
     case "story-page-amp":
-      return buildTagsFromStory(config, lodash.get(data, ["data", "story"]), url, data) || getSeoData(config, "home-page", data, url);
+      return buildTagsFromStory(config, lodash$1.get(data, ["data", "story"]), url, data) || getSeoData(config, "home-page", data, url);
     case "author-page":
-      return buildTagsFromAuthor(config, lodash.get(data, ["data", "author"], {}), url, data) || getSeoData(config, "home-page", data, url);
+      return buildTagsFromAuthor(config, lodash$1.get(data, ["data", "author"], {}), url, data) || getSeoData(config, "home-page", data, url);
+    case "static-page":
+      return buildTagsFromStaticPage(config, lodash.get(data, ["data", "page"], {}), url, data) || getSeoData(config, "home-page", data, url);
     case "shell":
       return getShellSeoData(config);
     default:
@@ -223,9 +252,9 @@ function getSeoData(config, pageType, data, url = {}, seoConfig = {}) {
 }
 
 function getSeoDataFromCollection(config, data) {
-  if (lodash.get(data, ["data", "collection", "name"])) {
-    let { name, summary } = lodash.get(data, ["data", "collection"]);
-    const customSeo = lodash.get(data, ["data", "customSeo"], {});
+  if (lodash$1.get(data, ["data", "collection", "name"])) {
+    let { name, summary } = lodash$1.get(data, ["data", "collection"]);
+    const customSeo = lodash$1.get(data, ["data", "customSeo"], {});
 
     if (!summary) {
       summary = (getSeoData(config, "home-page", data) || {}).description;
@@ -266,7 +295,7 @@ const SKIP_CANONICAL = "__SKIP__CANONICAL__";
  */
 function TextTags(seoConfig, config, pageType, data, { url }) {
   const seoData = getSeoData(config, pageType, data, url, seoConfig);
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+  const customSeo = lodash$1.get(data, ["data", "customSeo"], {});
 
   if (!seoData) return [];
 
@@ -307,18 +336,18 @@ function TextTags(seoConfig, config, pageType, data, { url }) {
 
   if ((pageType === "story-page" || pageType === "story-page-amp") && seoConfig.enableNews) {
     commonTags.push({ name: "news_keywords", content: seoData.keywords });
-    if (lodash.get(data, ["data", "story", "seo", "meta-google-news-standout"])) commonTags.push({ tag: "link", rel: "standout", href: seoData.storyUrl || currentUrl });
+    if (lodash$1.get(data, ["data", "story", "seo", "meta-google-news-standout"])) commonTags.push({ tag: "link", rel: "standout", href: seoData.storyUrl || currentUrl });
   }
 
   return commonTags.concat(objectToTags(allTags));
 }
 
 function getTitle$1(seoConfig, config, pageType, data, params) {
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+  const customSeo = lodash$1.get(data, ["data", "customSeo"], {});
 
-  if (lodash.get(data, ["title"])) return customSeo.title || lodash.get(data, ["title"]);
+  if (lodash$1.get(data, ["title"])) return customSeo.title || lodash$1.get(data, ["title"]);
 
-  if (lodash.get(data, ["data", "title"])) return customSeo.title || lodash.get(data, ["data", "title"]);
+  if (lodash$1.get(data, ["data", "title"])) return customSeo.title || lodash$1.get(data, ["data", "title"]);
 
   const seoData = getSeoData(config, pageType, data, undefined, seoConfig) || {};
   return customSeo.title || seoData["page-title"];
@@ -348,13 +377,13 @@ function AuthorTags(seoConfig, config, pageType, data, { url }) {
 
   return [{
     name: "twitter:creator",
-    content: lodash.get(data, ["data", "story", "author-name"])
+    content: lodash$1.get(data, ["data", "story", "author-name"])
   }];
 }
 
 function pickImageFromCard(story, cardId) {
   const { metadata = {} } = story.cards.find(card => card.id === cardId) || {};
-  if (metadata && !lodash.isEmpty(metadata) && lodash.get(metadata, ["social-share", "image", "key"], false)) {
+  if (metadata && !lodash$1.isEmpty(metadata) && lodash$1.get(metadata, ["social-share", "image", "key"], false)) {
     const alt = metadata["social-share"].image.attribution || metadata["social-share"].title || metadata["social-share"].message || getAttribution(story);
     return {
       image: new quintypeJs.FocusedImage(metadata["social-share"].image.key, metadata["social-share"].image.metadata || {}),
@@ -364,7 +393,7 @@ function pickImageFromCard(story, cardId) {
 }
 
 function getAttribution(story) {
-  return story["hero-image-attribution"] || story.summary || lodash.get(story, ["alternative", "home", "default", "headline"]) || story.headline;
+  return story["hero-image-attribution"] || story.summary || lodash$1.get(story, ["alternative", "home", "default", "headline"]) || story.headline;
 }
 
 /**
@@ -379,16 +408,16 @@ function getAttribution(story) {
  */
 function pickImageFromStory({ story, config, seoConfig }) {
   function getAlt(type, key, fallback) {
-    return lodash.get(story, ["alternative", `${type}`, "default", "hero-image", `${key}`], fallback);
+    return lodash$1.get(story, ["alternative", `${type}`, "default", "hero-image", `${key}`], fallback);
   }
 
   const alt = getAttribution(story);
-  const fallbackSocialImage = lodash.get(seoConfig, ["fallbackSocialImage"]);
+  const fallbackSocialImage = lodash$1.get(seoConfig, ["fallbackSocialImage"]);
   const altHeroImg = getAlt("home", "hero-image-s3-key", null);
   const altSocialHeroImg = getAlt("social", "hero-image-s3-key", null);
-  const storyHeroImage = lodash.get(story, ["hero-image-s3-key"]);
-  const logo_url = lodash.get(config, ["theme-attributes", "logo_url"]);
-  const logo = lodash.get(config, ["theme-attributes", "logo"]);
+  const storyHeroImage = lodash$1.get(story, ["hero-image-s3-key"]);
+  const logo_url = lodash$1.get(config, ["theme-attributes", "logo_url"]);
+  const logo = lodash$1.get(config, ["theme-attributes", "logo"]);
 
   if (altSocialHeroImg) {
     const metadata = getAlt("social", "hero-image-metadata", {});
@@ -397,7 +426,7 @@ function pickImageFromStory({ story, config, seoConfig }) {
     const metadata = getAlt("home", "hero-image-metadata", {});
     return { image: new quintypeJs.FocusedImage(altHeroImg, metadata), alt };
   } else if (storyHeroImage) {
-    const metadata = lodash.get(story, ["hero-image-metadata"], {});
+    const metadata = lodash$1.get(story, ["hero-image-metadata"], {});
     return { image: new quintypeJs.FocusedImage(storyHeroImage, metadata), alt };
   } else if (fallbackSocialImage) {
     return { image: fallbackSocialImage, alt, includesHost: true };
@@ -411,7 +440,7 @@ function pickImageFromStory({ story, config, seoConfig }) {
 }
 
 function pickImageFromCollection(collection) {
-  const coverImage = lodash.get(collection, ["metadata", "cover-image"]) || {};
+  const coverImage = lodash$1.get(collection, ["metadata", "cover-image"]) || {};
   if (!coverImage["cover-image-s3-key"]) return {};
   const alt = collection.summary || collection.name || null;
   return { image: new quintypeJs.FocusedImage(coverImage["cover-image-s3-key"], coverImage["cover-image-metadata"] || {}), alt };
@@ -420,19 +449,19 @@ function pickImageFromCollection(collection) {
 // The image is grabbed from the story, else from from the collection
 function pickImage({ pageType, config, seoConfig, data, url }) {
   if (pageType === "story-page" && url.query && url.query.cardId) {
-    const story = lodash.get(data, ["data", "story"]) || {};
+    const story = lodash$1.get(data, ["data", "story"]) || {};
     return pickImageFromCard(story, url.query.cardId) || pickImageFromStory({ story, seoConfig, config });
   } else if (pageType === "visual-story" && url.query && url.query.cardId) {
-    const story = lodash.get(data, ["story"]) || {};
+    const story = lodash$1.get(data, ["story"]) || {};
     return pickImageFromCard(story, url.query.cardId) || pickImageFromStory({ story, seoConfig, config });
   } else if (pageType === "story-page" || pageType === "story-page-amp") {
-    const story = lodash.get(data, ["data", "story"]) || {};
+    const story = lodash$1.get(data, ["data", "story"]) || {};
     return pickImageFromStory({ story, seoConfig, config });
   } else if (pageType === "visual-story") {
-    const story = lodash.get(data, ["story"]) || {};
+    const story = lodash$1.get(data, ["story"]) || {};
     return pickImageFromStory({ story, seoConfig, config });
-  } else if (lodash.get(data, ["data", "collection"])) {
-    return pickImageFromCollection(lodash.get(data, ["data", "collection"]));
+  } else if (lodash$1.get(data, ["data", "collection"])) {
+    return pickImageFromCollection(lodash$1.get(data, ["data", "collection"]));
   } else {
     return { image: undefined, alt: undefined };
   }
@@ -483,7 +512,7 @@ function ImageTags(seoConfig, config, pageType, data, { url = {} }) {
       })}`
     });
     tags.push({ property: "og:image:width", content: 1200 });
-    if (lodash.get(image, ["metadata", "focus-point"])) {
+    if (lodash$1.get(image, ["metadata", "focus-point"])) {
       tags.push({ property: "og:image:height", content: 630 });
     }
     alt && tags.push({ property: "og:image:alt", content: alt });
@@ -519,7 +548,7 @@ function getSchemaHeader({ cssSelector }) {
 
 function getSchemaBlogPosting(card = {}, author = {}, headline = "", image = "", structuredData = {}, story = {}, timezone) {
   const { website: { url = "" } = {} } = structuredData;
-  const orgUrl = lodash.get(structuredData, ["organization", "url"], "");
+  const orgUrl = lodash$1.get(structuredData, ["organization", "url"], "");
   return Object.assign({}, getSchemaType("BlogPosting"), getSchemaMainEntityOfPage(`${url}/${story.slug}`), getSchemaPublisher(structuredData.organization, orgUrl), {
     dateModified: stripMillisecondsFromTime(new Date(card["card-updated-at"]), timezone),
     dateCreated: stripMillisecondsFromTime(new Date(card["card-added-at"]), timezone),
@@ -544,19 +573,19 @@ function getSchemaMainEntityOfPage(id) {
 }
 
 function getSchemaMovieReview(movieObject = {}) {
-  const movieCreatedAt = lodash.get(movieObject, ["created-at"], null);
-  const actors = lodash.get(movieObject, ["actors"], []).map(actor => getSchemaPerson(actor.name));
-  const directors = lodash.get(movieObject, ["directors"], []).map(director => getSchemaPerson(director.name));
-  const producers = lodash.get(movieObject, ["producers"], []).map(producer => getSchemaPerson(producer.name));
+  const movieCreatedAt = lodash$1.get(movieObject, ["created-at"], null);
+  const actors = lodash$1.get(movieObject, ["actors"], []).map(actor => getSchemaPerson(actor.name));
+  const directors = lodash$1.get(movieObject, ["directors"], []).map(director => getSchemaPerson(director.name));
+  const producers = lodash$1.get(movieObject, ["producers"], []).map(producer => getSchemaPerson(producer.name));
 
   return {
     actors: actors,
     directors: directors,
-    name: lodash.get(movieObject, ["name"], ""),
-    sameAs: lodash.get(movieObject, ["sameAs"], ""),
-    description: lodash.get(movieObject, ["meta-description"], ""),
+    name: lodash$1.get(movieObject, ["name"], ""),
+    sameAs: lodash$1.get(movieObject, ["sameAs"], ""),
+    description: lodash$1.get(movieObject, ["meta-description"], ""),
     producer: producers,
-    image: lodash.get(movieObject, ["photo", "0", "url"], ""),
+    image: lodash$1.get(movieObject, ["photo", "0", "url"], ""),
     dateCreated: movieCreatedAt ? new Date(movieCreatedAt).toISOString() : ""
   };
 }
@@ -1059,13 +1088,11 @@ function StoryAmpTags(seoConfig, config, pageType, data = {}, opts) {
   // TODO: Remove this condition and always make absolute URL if that's better for AMP discoverability.
   const ampUrlAppend = seoConfig.appendHostToAmpUrl ? getDomain(currentHostUrl, domainSlug) || config['sketches-host'] : '';
   const storySlug = seoConfig.decodeAmpUrl ? decodeURIComponent(story.slug) : encodeURIComponent(story.slug);
-  const ampUrl = story["story-template"] === "visual-story" ? `${ampUrlAppend}/${storySlug}` : `${ampUrlAppend}/amp/story/${storySlug}`;
-
   if (showAmpTag(seoConfig, pageType, story)) {
     return [{
       tag: 'link',
       rel: 'amphtml',
-      href: ampUrl
+      href: `${ampUrlAppend}/amp/story/${storySlug}`
     }];
   } else {
     return [];
@@ -1166,8 +1193,8 @@ class MetaTagList {
   }
 
   toString() {
-    const uniqueTags = lodash.uniqBy(this.tags.reverse(), tagToKey).reverse();
-    return ReactDomServer__default["default"].renderToStaticMarkup(uniqueTags.map(tag => React__default["default"].createElement(tag.tag || "meta", lodash.omit(tag, "tag"))));
+    const uniqueTags = lodash$1.uniqBy(this.tags.reverse(), tagToKey).reverse();
+    return ReactDomServer__default["default"].renderToStaticMarkup(uniqueTags.map(tag => React__default["default"].createElement(tag.tag || "meta", lodash$1.omit(tag, "tag"))));
   }
 
   addTag() {
@@ -1236,8 +1263,8 @@ class SEO {
   }
 
   getMetaTags(config, pageType, data, params = {}) {
-    pageType = lodash.get(this.seoConfig, ["pageTypeAliases", pageType], pageType);
-    return new MetaTagList(lodash.flatMap(this.generators, generator => generator(this.seoConfig, config, pageType, data, params)));
+    pageType = lodash$1.get(this.seoConfig, ["pageTypeAliases", pageType], pageType);
+    return new MetaTagList(lodash$1.flatMap(this.generators, generator => generator(this.seoConfig, config, pageType, data, params)));
   }
 
   getTitle(config, pageType, data, params = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/seo",
-  "version": "1.40.5-amphtml-issue.1",
+  "version": "1.40.5-static-page-seo.2",
   "description": "SEO Modules for Quintype",
   "main": "dist/index.cjs.js",
   "repository": "https://github.com/quintype/quintype-node-seo",

package/src/amp-tags.js

@@ -40,13 +40,11 @@ export function StoryAmpTags(seoConfig, config, pageType, data = {}, opts) {
   // TODO: Remove this condition and always make absolute URL if that's better for AMP discoverability.
   const ampUrlAppend = seoConfig.appendHostToAmpUrl ? getDomain(currentHostUrl, domainSlug) || config['sketches-host'] : '';
   const storySlug = seoConfig.decodeAmpUrl ? decodeURIComponent(story.slug): encodeURIComponent(story.slug);
-  const ampUrl = story["story-template"] === "visual-story" ? `${ampUrlAppend}/${storySlug}` : `${ampUrlAppend}/amp/story/${storySlug}`;
-
   if (showAmpTag(seoConfig, pageType, story)) {
     return [{
       tag: 'link',
       rel: 'amphtml',
-      href: ampUrl
+      href: `${ampUrlAppend}/amp/story/${storySlug}`
     }];
   } else {
     return [];

package/src/text-tags.js

@@ -112,6 +112,33 @@ function buildCustomTags(customTags = {}, pageType = "") {
   return {};
 }
 
+function buildTagsFromStaticPage(config, page, url = {}, data) {
+  const seoData = get(page, ["metadata", "seo"], {});
+  const customSeo = get(data, ["data", "customSeo"], {});
+  if (isEmpty(seoData) && isEmpty(customSeo)) return;
+
+  const { "meta-title": metaTitle, "meta-description": metaDescription, "meta-keywords": keywords } = seoData;
+
+  const title = customSeo.title || metaTitle || page.title;
+  const pageTitle = customSeo["page-title"] || title;
+  const description = customSeo.description || metaDescription;
+  const ogTitle = customSeo.ogTitle || title;
+  const staticPageUrl = `${config["sketches-host"]}${url.pathname}`;
+  const ogDescription = customSeo.ogDescription || description;
+
+  return {
+    title,
+    "page-title": pageTitle,
+    description,
+    keywords: `${title},${config["publisher-name"]}`,
+    canonicalUrl: staticPageUrl,
+    ogUrl: staticPageUrl,
+    ogTitle,
+    ogDescription,
+    keywords: customSeo.keywords || keywords,
+  };
+}
+
 // The findRelevantConfig method call has no ownerId for home page.
 // This causes the seoMetadata to be undefined.
 // So the default value for the ownerId is set to null.
@@ -188,6 +215,11 @@ function getSeoData(config, pageType, data, url = {}, seoConfig = {}) {
         buildTagsFromAuthor(config, get(data, ["data", "author"], {}), url, data) ||
         getSeoData(config, "home-page", data, url)
       );
+    case "static-page":
+      return (
+        buildTagsFromStaticPage(config, lodash.get(data, ["data", "page"], {}), url, data) ||
+        getSeoData(config, "home-page", data, url)
+      );
     case "shell":
       return getShellSeoData(config);
     default: