joyceykao / advlanding

Webpage for FEZ Zurich (currently acting as staging area)
1 stars 1 forks source link

Social Media (FB/Twitter) meta tags #3

Closed joyceykao closed 3 years ago

joyceykao commented 3 years ago

to display a preview properly when posting links on FB/Twitter/Slack, etc.

evaherbst commented 3 years ago

description: a virtual hub to share finite element analysis workflows for biomechanics research

evaherbst commented 3 years ago

image: use the rainbow logo image from the main page

Dylan-Bastiaans commented 3 years ago

title: Finite Element Zürich (FEZ)

Do we need anything else like "meeting" or just FEZ alone would be enough? I guess the latter as we want to use this website later on too and not just for the meeting.

joyceykao commented 3 years ago

@evaherbst @Dylan-Bastiaans @NicoleWebb

I need slightly different sized images for Facebook and Twitter. As of now, it does not look good. :( See Twitter card below

Screen Shot 2021-02-08 at 8 52 07 PM

Guidelines for FB image: It should be at least 600×315 pixels, but 1200×630 or larger is preferred (up to 5MB). Stay close to a 1.91:1 aspect ratio to avoid cropping. NEEDS TO BE IN JPEG FORMAT.

Guidelines for Twitter image: Images for this Card should be at least 280px in width, and at least 150px in height. Image must be less than 1MB in size. CAN BE JPEG OR PNG.

joyceykao commented 3 years ago

title: Finite Element Zürich (FEZ)

Do we need anything else like "meeting" or just FEZ alone would be enough? I guess the latter as we want to use this website later on too and not just for the meeting.

This is for your FEZ website...the meeting website is something else.

evaherbst commented 3 years ago

title: Finite Element Zürich (FEZ) Do we need anything else like "meeting" or just FEZ alone would be enough? I guess the latter as we want to use this website later on too and not just for the meeting.

This is for your FEZ website...the meeting website is something else.

Yes agreed with Joyce

NicoleWebb commented 3 years ago

@evaherbst @Dylan-Bastiaans @NicoleWebb

I need slightly different sized images for Facebook and Twitter. As of now, it does not look good. :( See Twitter card below

Screen Shot 2021-02-08 at 8 52 07 PM

Guidelines for FB image: It should be at least 600×315 pixels, but 1200×630 or larger is preferred (up to 5MB). Stay close to a 1.91:1 aspect ratio to avoid cropping. NEEDS TO BE IN JPEG FORMAT.

Guidelines for Twitter image: Images for this Card should be at least 280px in width, and at least 150px in height. Image must be less than 1MB in size. CAN BE JPEG OR PNG.

LOGO_facebook-01 Twitter_FEZ-01

evaherbst commented 3 years ago

I double checked the dimensions of Nicole's images, looks good to me!

NicoleWebb commented 3 years ago

I double checked the dimensions of Nicole's images, looks good to me!

I tried to fix the Twitter one (you said it was slightly stretched).

Twitter_FEZ-02

joyceykao commented 3 years ago

Swapped out logo and it's at least no longer cut off.