Profile template meta tweaks

[jonoaldersonwp]

• Change the <title> content to: {{Full Name}} ({{Username}}) - WordPress user profile | WordPress.org. E.g., Joost de Valk (joostdevalk) - WordPress user profile | WordPress.org.

• Add and populate a meta description tag with the (sanitized) content of the Bio field, up to 160 characters (cutting off gracefully with an ellipses character).

• Add and populate open graph tags as follows:

<meta property="og:type" content="profile" />
<meta property="og:title" content="{{Full Name}} - WordPress user profile" />
<meta property="og:description" content="{{Meta description}}" />
<meta property="og:url" content="{{URL}}" />
<meta property="og:site_name" content="WordPress" />
<meta property="og:image" content="{{Gravatar Large Image}}" />
<meta property="profile:username" content="{{Username}}" />

[tellyworth]

attachment:4277.diff​ implements @jonoaldersonwp's suggestions with one or two minor changes. Mainly, the bio is trimmed to 25 words rather than 160 chars.

@coffee2code does that look reasonable to you?

[coffee2code]

Ah yeah, I believe I actually have just about everything for this and most of #4280, which I worked on in tandem. I'll check if they need a refresh and get them committed shortly.

[coffee2code]

Fixed. Implemented across the following commits:

[17425-dotorg]:

Profiles, Head: Output meta name="description" tag based on user bio.

Truncates by word at roughly 160 characters, otherwise truncates by character length at 175. Default text is used if no bio supplied.

[17426-dotorg]:

Profiles, Head: Adjust page title format for profiles.

[17434-dotorg]:

Profiles, Head: Output open graph tags for profiles.

[coffee2code]

@jonoaldersonwp: A few things of note regarding the implementation:

RE: Descriptions:

• The description is trimmed to the nearest word boundary at about 160 characters in length. If the description is still longer than 175, then a hard truncation happens at 175 characters. In either case, if text got truncated, … is appended.
• If the profile has not supplied a bio, the default description of "The WordPress.org profile for {NAME}." is used, e.g. "The WordPress.org profile for user_abc (@user_abc)."

RE: Profile names used in page title and some open graph tags:

• Instead of the proposed "Joost de Valk (joostdevalk)" format for the name in page title (and eventually schema), I prepended an '@' before the username, e.g. "Joost de Valk (@joostdevalk)", to make it clearer it references a mentionable handle. And to differentiate it from the next item...
• Note that a number of users already have parenthesized text as a part of their display name, so we end up with "Ipstenu (Mika Epstein) (@\ipstenu)" or "Samuel Wood (Otto) (@\otto42)" (minus the \). Not really a problem, but just worth noting.

[jonoaldersonwp]

This is awesome! Thanks for tackling this :)