Build New Search Engine Results Page Preview Tool for Google

[damen-dotcms]

Parent Issue

No response

Task

Build New Search Engine Results Page Preview Tool for Google

Proposed Objective

Same as Parent Issue

Proposed Priority

Same as Parent Issue

Acceptance Criteria

See notes here:

• Social Media Tile & Search Engine Results Page Preview Tool Messages | dotCMS - Google Docs || https://docs.google.com/document/d/1O8PMni7FzD9YmIHdz-De43MnHpO--0_W49ZwYxLt9DM/edit

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.

Demo - https://www.figma.com/proto/jyu7b1wgL16iV7yOoNdgu9/SEO?page-id=1%3A65&type=design&node-id=298-6800&viewport=-1440%2C-118%2C0.37&scaling=scale-down&starting-point-node-id=372%3A9190

Design - https://www.figma.com/file/jyu7b1wgL16iV7yOoNdgu9/SEO?type=design&node-id=523-11475&t=URNtP1TkxmYhhpH9-0

Assumptions & Initiation Needs

No response

Quality Assurance Notes & Workarounds

No response

Sub-Tasks & Estimates

No response

[dcolina]

Internal QA: Needs work.

Favicon

Case 1:

When Favicon not found!

The expected message `Favicon not found! is missing.

Case 2:

When Favicon exists, but it has an invalid link.

The expected message Favicon found, but Image Link is not valid! is missing.

Title

Case 1:

When HTML Title not found!

The expected message HTML Title not found! is missing.

Case 2:

When the HTML Title is empty.

<title></title>

The expected message HTML Title found, but is empty does not match.

Description

Case 1:

When Meta Description is missing.

The expected message Meta Description not found! is missing.

Case 2:

When Meta Description is duplicated.

<meta name="description" content="Hello world and It has enough characters to show." />
<meta name="description" content="Hello world and It has enough characters to show." />

The expected message More than 1 Meta Description found! does not match.

Case 3:

When Meta Description exists, but is empty.

<meta name="description" />
The expected message Meta Description found, but is empty! is missing.

Case 4:

When Meta Description exists, and it has more than 160 characters.

```

The expected message Meta Description found, but it has more than 160 characters. does not match.

Case 5:

When Meta Description exists, and it has less than 55 characters.

The expected message Meta Description found, but it has fewer than 55 characters of content. does not match.

Case 6:

When Meta Description exists, and it has between 55 and 160 characters of content.

The expected message Meta Description found!

[manuelrojas]

@dcolina There is another task for this:

Case 2:

When Favicon exists, but it has an invalid link.

The expected message Favicon found, but Image Link is not valid! is missing.

[nollymar]

The other issues have been fixed on #26388

[dcolina]

Internal QA: Needs work.

Favicon

Case 1:

When meta tag is found, but is empty.

<link rel="icon" />

The expected message Favicon not found, but Image Link is not valid! does not match.

Description

Case 1:

When meta tag exists, and it has between 55 and 160 characters.

<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pharetra maximus enim ac tincidunt. Vivamus vestibulum sed enim sed consectetur." />

The expected message Meta Description found! does not match.

Case 2:

When meta tag exists, and it has more than 160 characters.

<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pharetra maximus enim ac tincidunt. Vivamus vestibulum sed enim sed consectetur. Nulla malesuada libero a tristique bibendum. Suspendisse blandit ligula velit, eu volutpat arcu ornare sed." />

The expected message Meta Description found, but it has more than 160 characters. does not match. And preview has the wrong length, it has 159 characters when it must be 160.

[manuelrojas]

@dcolina I noticed that is showing the 159 characters because the last character is an empty space so when pushing into the HTML it trims the value.

[dcolina]

Internal QA: Needs work.

HTML Title

Case 1:

When Title length = 30 characters.

<title>HTML TITLE -------------- TEST</title>

The expected message HTML Title found, with an appropriate amount of content! does not match.

Case 2:

When Title length = 60 characters.

<title>HTML TITLE -------------- TEST******************************</title>

The expected message HTML Title found, with an appropriate amount of content! does not match.

HTML Description

Case 1:

When Description length = 55 characters.

<meta name="description" content="DESCRIPTION ****TEST.Lorem ipsum dolor sit amet.-------" />

The expected message Meta Description found! does not match.

Case 2:

When Description length = 160 characters.

<meta name="description" content="DESCRIPTION ****TEST.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ante metus, posuere quis posuere eu, varius nec ante. Aenean nec dictum purus" />

The expected message Meta Description found! does not match.

[dcolina]

Internal QA: PASSED.

[josemejias11]

Approved: Tested on master_df4427b_SNAPSHOT, Docker, macOS 13.0, FF v113.0

Added card #26497