2024-02-12 07:37:22 +04:00
---
2024-02-14 22:56:43 +04:00
// Assign a description using the `meta` prop passed from the parent component,
// `meta` is used as a variable on each individual page by passing it as a prop to this component.
2024-02-18 07:40:53 +04:00
// For example, you can pass a meta description to the MainLayout component like this: <MainLayout meta="Page description"/>
2024-02-14 22:56:43 +04:00
const { meta: description } = Astro.props;
interface Props {
2024-02-18 07:40:53 +04:00
meta?: string;
2024-02-14 22:56:43 +04:00
}
2024-02-18 07:40:53 +04:00
// Define the metadata for your website and individual pages
const title: string = "ScrewFast"; // Set the website title
const ogTitle: string = "ScrewFast: Hardware Tools & Construction Services"; // Set the Open Graph title
const author: string = "Emil Gulamov"; // Set the author's name
const ogDescription: string =
"Equip your projects with ScrewFast's top-quality hardware tools and expert construction services. Trusted by industry leaders, ScrewFast offers simplicity, affordability, and reliability. Experience the difference with user-centric design and cutting-edge tools. Start exploring now!"; // Set the Open Graph description
2024-02-19 10:05:50 +04:00
const URL: string = "https://screwfast.uk"; // Set the website URL
const socialImage: string = "https://screwfast.uk/social.png"; // Set the URL for the social media image
2024-02-12 07:37:22 +04:00
---
2024-02-18 07:40:53 +04:00
<!-- JSON-LD structured data script for the website -->
2024-02-12 07:37:22 +04:00
<script type="application/ld+json">
2024-02-18 07:40:53 +04:00
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "ScrewFast",
2024-02-19 10:05:50 +04:00
"url": "https://screwfast.uk",
2024-02-18 07:40:53 +04:00
"description": "ScrewFast offers top-tier hardware tools and expert construction services to meet all your project needs. Start exploring and contact our sales team for superior quality and reliability."
}
2024-02-12 07:37:22 +04:00
</script>
2024-02-18 07:40:53 +04:00
<!-- Define the character set, description, author, and viewport settings -->
2024-02-14 05:47:32 +04:00
<meta charset="utf-8" />
2024-02-18 07:40:53 +04:00
<meta content={description} name="description" />
<meta name="web_author" content={author} />
2024-02-12 07:37:22 +04:00
<meta
2024-02-18 07:40:53 +04:00
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0"
2024-02-12 07:37:22 +04:00
/>
2024-02-18 07:40:53 +04:00
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
2024-02-12 07:37:22 +04:00
<!-- Facebook Meta Tags -->
<meta property="og:locale" content="en_US" />
2024-02-18 07:40:53 +04:00
<meta property="og:url" content={URL} />
<meta property="og:type" content="website" />
<meta property="og:title" content={ogTitle} />
<meta property="og:site_name" content={title} />
<meta property="og:description" content={ogDescription} />
<meta property="og:image" content={socialImage} />
<meta content="1200" property="og:image:width" />
<meta content="600" property="og:image:height" />
<meta content="image/png" property="og:image:type" />
2024-02-12 07:37:22 +04:00
<!-- Twitter Meta Tags -->
2024-02-18 07:40:53 +04:00
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content={URL} />
<meta property="twitter:url" content={URL} />
<meta name="twitter:title" content={ogTitle} />
<meta name="twitter:description" content={ogDescription} />
<meta name="twitter:image" content={socialImage} />
2024-02-12 07:37:22 +04:00
2024-02-18 07:40:53 +04:00
<!-- Links to the webmanifest and sitemap -->
2024-02-12 07:37:22 +04:00
<link rel="manifest" href="/manifest.webmanifest" />
2024-02-13 05:50:53 +04:00
<!-- https://docs.astro.build/en/guides/integrations-guide/sitemap/ -->
2024-02-12 07:37:22 +04:00
<link rel="sitemap" href="/sitemap-index.xml" />
2024-02-18 07:40:53 +04:00
<!-- Links for favicons -->
<link href="/favicon.ico" rel="icon" sizes="any" type="image/x-icon" />
<link href="/icon.svg" rel="icon" type="image/svg+xml" sizes="any" />
<meta name="mobile-web-app-capable" content="yes" />
<link href="/apple-touch-icon.png" rel="apple-touch-icon" />
<link href="/apple-touch-icon.png" rel="shortcut icon" />
<!-- Set theme color -->
<meta name="theme-color" content="#facc15" />