If I work really hard on my Open Graph images, people will share my blog posts.

Zach did that thing where each of his blog posts has a special URL with the design of social image card that is screenshat by a headless browser (like Puppeteer) and used as a true meta Open Graph image, meaning …


The post If I work really hard on my Open Graph images, people will share my blog posts. appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier

Zach did that thing where each of his blog posts has a special URL with the design of social image card that is screenshat by a headless browser (like Puppeteer) and used as a true meta Open Graph image, meaning it’s displayed on Twitter, Facebook, iMessage, Slack, Discord, and whatever else supports that card look.

I like it. Even though I’ve got a pretty good solution cooking now (for WordPress), the templates aren’t controlled with HTML/CSS like I wish they were.

As bit of yang to the ying here, Jim has some thoughts on the not-so-great aspects of Open Graph images:

I feel like they’ve been hijacked by auto-generated computer imagery serving as attention-grabbing filler more than supportive expression.

Jim Nielsen, “Quibbles With Social Share Imagery”

It’s kinda like… we can add Open Graph images, and we essentially get a totally free massive clickable target for hungry fingers, so we do add Open Graph images — even when that image is, well, boring. Just auto-generated computer barf of title text with branding. Jim’s post has examples.

I get where Jim is coming from, and I suppose I’m guilty to some degree. I feel like we’re a cut-above on CSS-Tricks though, if you’ll pardon a taste of defensiveness, because:

  1. We have a variety of templates to choose from to switch it up, like a quote design.
  2. We incorporate custom imagery into the final card, meaning most cards are somewhat visually unique.
  3. We don’t just brand the cards, we usually incorporate the author for a little extra high five for the person, rather than just our brand.

Direct Link to ArticlePermalink


The post If I work really hard on my Open Graph images, people will share my blog posts. appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier


Print Share Comment Cite Upload Translate Updates
APA

Chris Coyier | Sciencx (2021-09-02T14:30:55+00:00) If I work really hard on my Open Graph images, people will share my blog posts.. Retrieved from https://www.scien.cx/2021/09/02/if-i-work-really-hard-on-my-open-graph-images-people-will-share-my-blog-posts-2/

MLA
" » If I work really hard on my Open Graph images, people will share my blog posts.." Chris Coyier | Sciencx - Thursday September 2, 2021, https://www.scien.cx/2021/09/02/if-i-work-really-hard-on-my-open-graph-images-people-will-share-my-blog-posts-2/
HARVARD
Chris Coyier | Sciencx Thursday September 2, 2021 » If I work really hard on my Open Graph images, people will share my blog posts.., viewed ,<https://www.scien.cx/2021/09/02/if-i-work-really-hard-on-my-open-graph-images-people-will-share-my-blog-posts-2/>
VANCOUVER
Chris Coyier | Sciencx - » If I work really hard on my Open Graph images, people will share my blog posts.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/02/if-i-work-really-hard-on-my-open-graph-images-people-will-share-my-blog-posts-2/
CHICAGO
" » If I work really hard on my Open Graph images, people will share my blog posts.." Chris Coyier | Sciencx - Accessed . https://www.scien.cx/2021/09/02/if-i-work-really-hard-on-my-open-graph-images-people-will-share-my-blog-posts-2/
IEEE
" » If I work really hard on my Open Graph images, people will share my blog posts.." Chris Coyier | Sciencx [Online]. Available: https://www.scien.cx/2021/09/02/if-i-work-really-hard-on-my-open-graph-images-people-will-share-my-blog-posts-2/. [Accessed: ]
rf:citation
» If I work really hard on my Open Graph images, people will share my blog posts. | Chris Coyier | Sciencx | https://www.scien.cx/2021/09/02/if-i-work-really-hard-on-my-open-graph-images-people-will-share-my-blog-posts-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.