GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-12 19:02:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update meta description

Browse Source
This commit is contained in:
AykutSarac 2024-04-27 18:50:03 +03:00
parent e675e9671d
commit daa8d4c11e
No known key found for this signature in database
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/_document.tsx
View File

@ -9,8 +9,6 @@ import Document, {
import { ServerStyleSheet } from "styled-components";
const metatags = Object.freeze({
description:
"JSON Crack Editor is a tool for visualizing into graphs, analyzing, editing, formatting, querying, transforming and validating JSON, CSV, YAML, XML, and more.",
title: "JSON Crack | More Than A JSON Editor",
image: "https://jsoncrack.com/assets/jsoncrack.png",
});
@ -50,17 +48,14 @@ class MyDocument extends Document {
<link rel="manifest" href="/manifest.json" />
<link rel="icon" href="/favicon.ico" />
<meta name="description" content={metatags.description} key="description" />
<meta property="og:url" content="https://jsoncrack.com" key="ogurl" />
<meta property="og:type" content="website" key="ogtype" />
<meta property="og:title" content={metatags.title} key="ogtitle" />
<meta property="og:description" content={metatags.description} key="ogdescription" />
<meta property="og:image" content={metatags.image} key="ogimage" />
<meta name="twitter:card" content="summary_large_image" key="twcard" />
<meta property="twitter:domain" content="https://jsoncrack.com" key="twdomain" />
<meta property="twitter:url" content="https://jsoncrack.com" key="twurl" />
<meta name="twitter:title" content={metatags.title} key="twtitle" />
<meta name="twitter:description" content={metatags.description} key="twdescription" />
<meta name="twitter:image" content={metatags.image} key="twimage" />
</Head>
<body>

6
src/pages/index.tsx
View File

@ -159,11 +159,17 @@ const StyledCarouselWrapper = styled.section`
}
`;
const metaDescription =
"JSON Crack Editor is a tool for visualizing into graphs, analyzing, editing, formatting, querying, transforming and validating JSON, CSV, YAML, XML, and more.";
export const HomePage = () => {
return (
<Layout>
<Head>
<title>JSON Crack | Best JSON Visualizer, Formatter and Viewer for everyone</title>
<meta name="description" content={metaDescription} key="description" />
<meta property="og:description" content={metaDescription} key="ogdescription" />
<meta name="twitter:description" content={metaDescription} key="twdescription" />
</Head>
<StyledHeroSection id="hero-section">
<StyledHeroSectionBody>