mozilla / protocol

A design system for Mozilla websites.
https://protocol.mozilla.org/
Mozilla Public License 2.0
259 stars 77 forks source link

Guidelines for External Media on Homepage Cards #95

Closed thejeffreytaylor closed 6 years ago

alexgibson commented 6 years ago

https://github.com/mozilla/protocol/wiki/Homepage-Cards:-External-Media-Guidelines

thejeffreytaylor commented 6 years ago

Raphael wants to discuss SEO implications and there will be revisions, so I'm reopening this.

rraue commented 6 years ago

Sorry to open this again, and not sure if this is the right place to discuss it but as you probably knew I would recommend on Youtube embeds exactly the opposite then we do in the guidelines. Plays, embeds, the site authority of the embedding page and interactions with videos are one of the top ranking factors for both search and trends on youtube and for videosearch in google as well and we are loosing by this on of the drivers for this.

bensternthal commented 6 years ago

Raphael & Alex: I'd like to know more about this.. what is the rationale behind the recommendation to avoid youtube embeds whenever possible?

I am also curious what security reasons prevent other embeds from daily motion etc.

I am not saying we should do one thing or the other at this stage but I will like to better understand the thinking behind the recommendation.

Similar question for Raphael, I'd like to know from your perspective what you think.

alexgibson commented 6 years ago

Ok I think we need to provide a little more context in the guidelines here:

Raphael & Alex: I'd like to know more about this.. what is the rationale behind the recommendation to avoid youtube embeds whenever possible?

We don't actually recommend to avoid YouTube wheneever possible. The guidelines don't strictly say we do do this, but we should reword to provide a better explaination for when we do / don't recommend YouTube.

Reasons to use a YouTube embed:

Reasons to avoid a YouTube embed:

I am also curious what security reasons prevent other embeds from daily motion etc.

Again i think we need to provide some extra context here in the guidelines, as it may seem mysterious without. Mozilla.org uses a Content Security Policy to limit the number of third party resources we are allowed to load on the site. We do this shrink the scope of third party code being able to excecute on the same pages where people download Firefox from, to try and limit the risk of XSS exploits and also to improve user privacy. There's no technical reason why we can't add daily motion to our exception list, but we should stop and ask why there is a good reason to use it instead of something else that's already on the allowed list (e.g. YouTube). Our aim is to keep both the exception list and scope for exploits small.

alexgibson commented 6 years ago

Something else I think would bne good to add here re images:

alexgibson commented 6 years ago

Also generally in the guidelines I think instead of saying "We cannot do X, Y, Z", we should instead provide some explaination as to how we treat third party resources in relation to CSP as outlined above. There's nothing we "cannot" do technically speaking, but we have reasons why we prefer to do X over Y. I'd be happy to review this if it may help.

rraue commented 6 years ago

I fully agree with everything Alex says and we should have these in the guidelines clearer.

My arguments are in my post above:

alexgibson commented 6 years ago

Sgtm, although I have to disagree about the “how to” video. It was never made to be used in that context, has no audio track or explaination of what the video is showing, and no introduction or outro. Our user experience bar should be higher here imho.

To try and sum up my thoughts, I think “defaulting to YouTube” is the wrong way to think about this. We should default to self hosted, but have a set of criteria to upgrade suggested hosting to YouTube (SEO rank, video standards, UX etc.)

thejeffreytaylor commented 6 years ago

I will be re-frosting this cake early next week.

bensternthal commented 6 years ago

I think we are converging on the same thing.. which is good.

It looks like we have three main channels.

https://www.youtube.com/user/Mozilla https://www.youtube.com/user/firefoxchannel/ https://www.youtube.com/user/mozhacks

These channels, the videos have a narrative. So to Alex's point a video about screenshots could be out of place, I agree (to be fair maybe it could live in mozhacks or wherever SUMO puts their videos but for the sake of this discussion let's use it as an example that does not make sense without the context of the page it lived in).

Some of the advantages to youtube is that.. the videos are searchable / discoverable / persistent. We often change our webpages and once we do.. generally the videos we link to if hosted on a CDN become orphaned. I was thinking of this video, which was prominent on moz.org but now the only place it is discoverable is on youtube.

So what I am thinking is that we use a checklist like the below to decide if we youtube or selfhost.

We would selfhost if the following are all true:

Given the effort to organize our videos on youtube, I do not see a compelling reason to look at other video hosting platforms like dailymotion.

thejeffreytaylor commented 6 years ago

I will update the guidelines tomorrow, Tuesday 21 May.