Implement Open Graph protocol to increase social media presence

Open
#25 18 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript
Domain
frontend, web-dev

Research direction

Start by inspecting the main layout component and the existing pages that use Helmet, focusing on how the head and meta tags are currently rendered. Use the OGP specification linked in the issue to define the required metadata, then verify that existing pages, blog posts, and modules expose appropriate Open Graph data and that head content is placed correctly.

Written by the indexing model from the issue text.

Description

Good First Issue

Open Graph protocol (OGP) gives you control of how website/page specifc data travels to third-party sites. Providing much better social media presence along with optimized SEO. Right now we are using Helmet to do manage the head and meta tags for the pages. The main layout component would require some restructuring along with additional changes to other pages to implement OGP as currently the head is being rendered inside body, which works but is a bad practice.

You can learn more about OGP here.


Things to be done:

  • Restructure layout component and other pages to place head section appropriately.
  • Implement OGP on the existing pages.
  • Extend OGP to blog posts and modules.
Dominant language
JavaScript
Stars
7
Forks
17
PR merge metrics
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from MovingBlocks/movingblocks.github.com

All issues in MovingBlocks/movingblocks.github.com

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.