Skip to content

[codex] fix guide page metadata #601

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Sean-Kenneth-Doherty wants to merge 5 commits into from
+30 −25
Closed

[codex] fix guide page metadata #601

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
23b2742
fix guide page metadata
Sean-Kenneth-Doherty May 16, 2026
10c741a
fix guide Twitter card attributes
Sean-Kenneth-Doherty May 17, 2026
854480e
add guide page document language
Sean-Kenneth-Doherty May 17, 2026
4a84b9c
use PNG guide social image
Sean-Kenneth-Doherty May 17, 2026
5c1e2fe
tighten guide title markup
Sean-Kenneth-Doherty May 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/og-image.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
55 changes: 30 additions & 25 deletions src/pages/contribute-to-opensource.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,27 @@
---
const title = "How to Contribute to Open Source: A Complete Guide for Beginners";
const description =
"Learn how to contribute to open source with this beginner-friendly guide. Discover the benefits, steps, and best practices for making your first contribution.";
const pageUrl = "https://firstcontributions.github.io/contribute-to-opensource";
const imageUrl = "https://firstcontributions.github.io/og-image.png";
const iconUrl = "https://firstcontributions.github.io/favicon.svg";
---

<html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>
How to Contribute to Open Source: A Complete Guide for Beginners
</title>
<title>{title}</title>
<meta
name="title"
content="How to Contribute to Open Source: A Complete Guide for Beginners"
content={title}
/>
<meta
name="description"
content="Learn how to contribute to open source with this beginner-friendly guide. Discover the benefits, steps, and best practices for making your first contribution."
content={description}
/>
<meta name="author" content="sudo !!" />
<meta
Expand All @@ -27,51 +32,51 @@
<meta property="og:type" content="article" />
<meta
property="og:url"
content="https://firstcontributions.github.io/contribute-to-opensource"
content={pageUrl}
/>
<meta
property="og:title"
content="How to Contribute to Open Source: A Complete Guide for Beginners"
content={title}
/>
<meta
property="og:description"
content="Learn how to contribute to open source with this beginner-friendly guide. Discover the benefits, steps, and best practices for making your first contribution."
content={description}
/>
<meta
property="og:image"
content="https://firstcontributions.github.io/assets/preview-image.jpg"
content={imageUrl}
/>

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta name="twitter:card" content="summary_large_image" />
<meta
property="twitter:url"
content="https://firstcontributions.github.io/contribute-to-opensource"
name="twitter:url"
content={pageUrl}
/>
<meta
property="twitter:title"
content="How to Contribute to Open Source: A Complete Guide for Beginners"
name="twitter:title"
content={title}
/>
<meta
name="twitter:description"
content="Learn how to contribute to open source with this beginner-friendly guide. Discover the benefits, steps, and best practices for making your first contribution."
content={description}
/>
<meta
property="twitter:image"
content="https://firstcontributions.github.io/assets/preview-image.jpg"
name="twitter:image"
content={imageUrl}
/>

<!-- Canonical URL -->
<meta
<link
rel="canonical"
href="https://firstcontributions.github.io/contribute-to-opensource"
href={pageUrl}
/>

<!-- Favicon -->
<link
rel="icon"
type="image/png"
href="https://firstcontributions.github.io/assets/first-contributions-logo.svg"
type="image/svg+xml"
href={iconUrl}
/>
<link
rel="stylesheet"
Expand All @@ -84,8 +89,8 @@
"@context": "https://schema.org",
"@type": "Article",
"headline": "How to Contribute to Open Source: A Complete Guide for Beginners",
"description": "Learn how to start contributing to open source projects with this comprehensive guide. Perfect for beginners, including step-by-step instructions, best practices, and expert tips.Learn how to contribute to open source with this beginner-friendly guide. Discover the benefits, steps, and best practices for making your first contribution.",
"image": "https://firstcontributions.github.io/assets/preview-image.jpg",
"description": "Learn how to start contributing to open source projects with this comprehensive guide. Perfect for beginners, including step-by-step instructions, best practices, and expert tips.",
"image": "https://firstcontributions.github.io/og-image.png",
"author": {
"@type": "Person",
"name": "sudo !!"
Expand All @@ -95,7 +100,7 @@
"name": "First contributions",
"logo": {
"@type": "ImageObject",
"url": "https://firstcontributions.github.io/assets/first-contributions-logo.svg"
"url": "https://firstcontributions.github.io/favicon.svg"
}
},
"datePublished": "2025-02-01",
Expand Down