Add og meta tags to events detail pages

VERIFIED FIXED

Status

task
VERIFIED FIXED
6 years ago
6 years ago

People

(Reporter: hoosteeno, Unassigned)

Tracking

Details

(Whiteboard: [kb=1077108] [q3 events])

Attachments

(1 attachment)

To maximize social sharing value, let's add og meta tags to event detail pages.

<meta property="og:title" content="EVENT TITLE" />
<meta property="og:type" content="website" />
<meta property="og:url" content="EVENT URL" />
<meta property="og:image" content="https://reps.mozilla.org/media/img/remo/remo_logo_medium.png" />

If there's a bigger version of the logo, we should add that to the project and link it instead. And alternative image suggestions are quite welcome.
(In reply to Justin Crawford [:hoosteeno] from comment #0)
> If there's a bigger version of the logo, we should add that to the project
> and link it instead. And alternative image suggestions are quite welcome.

Justin, what are the optimal image dimensions? Pierros should be able to provide the right size graphic.
Flags: needinfo?(hoosteeno)
I believe the minimum recommended size is 200x200, but the larger sizes are encouraged.

from: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/

og:image – This is an image associated with your media. We suggest that you use an image of at least 200x200 pixels. However, bigger is better, so if you have a 1500x1500 image that you can use, please use it. We'll downsample and crop it for for people using smaller-resolution devices but will use it on a larger device. The larger this image is, the more likely it will be used when sharing stories on Facebook. (Note: image sizes must be no more than 5MB in size.)
Great, thanks Alex. That's just what we needed to know, and I think a 500x500 image should be more than sufficient.

Pierros, can you please provide a 500x500 image of the Mozilla Reps logo we can use as the shared photo for when people share an event from the Reps Portal? I'm okay using another general purpose image if you have something else in mind. Thanks!
Flags: needinfo?(hoosteeno) → needinfo?(pierros)
Whiteboard: [kb=1077108]
Whiteboard: [kb=1077108] → [kb=1077108] [q3 events]
PR opened here:

https://github.com/mozilla/remo/pull/461

I'm using `remo_logo_medium.png` for the time being. We can update with a larger image asset when one is ready.
Posted image reps-logo-600dpi.png
Here is a 600dpi (aprox 1500px) logo of Mozilla Reps in png. Let me know if you need anything else :)
Flags: needinfo?(pierros)

Comment 6

6 years ago
Commits pushed to master at https://github.com/mozilla/remo

https://github.com/mozilla/remo/commit/46eba13d45dad16f22283d3d4fa1c651be7a88ad
[fix bug 904608] Add og meta tags to events detail pages

https://github.com/mozilla/remo/commit/a8ed1b9bc0155824c8fb1d39109fb0b61600eb1d
Merge pull request #461 from alexgibson/bug-904608-add-og-meta-tags-to-events-detail-pages

[fix bug 904608] Add og meta tags to events detail pages

Updated

6 years ago
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → FIXED
Verified event detail meta properties for title/type/url/image on dev.
Status: RESOLVED → VERIFIED
Version: unspecified → 411
You need to log in before you can comment on or make changes to this bug.