SEO Settings
SEO Settings
The maker of SlappShell serviceCRM comes from an SEO background, so we made sure to include solid SEO foundations out of the box.
By default, the app includes meta tags, Open Graph tags, and Twitter Card tags to help improve your search engine visibility and social media sharing.
You can customize these settings in the /layout.tsx and /page.tsx files where the metadata objects are defined.
The majority of meta tags are dynamically generated based on your configuration settings and page content, but you can add additional tags or modify existing ones as needed.
Your application also includes a dynamically generated sitemap and robots.txt file to help search engines crawl and index your pages effectively.
If you need to add more static pages to your site, you can simply add the entry in the /app/sitemap.ts file following the existing strucutre.
Schema Markup
While we don't include schema markup by default, you can easily add it to your pages by editing the relevant /page.tsx files.
Below is an example of how to add LocalBusiness schema markup to your home page.
Example Schema Markup
{/* In your /app/page.tsx or relevant util file create a function to generate your service schema */}
export function generateServiceSchema(service: any, businessInfo: any) {
const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://yourbusiness.com';
return {
"@context": "https://schema.org",
"@type": "Service",
"name": service.title,
"description": service.longDescription || service.description,
"serviceType": service.title,
"provider": {
"@type": "LocalBusiness",
"name": businessInfo.company.name,
"address": {
"@type": "PostalAddress",
"streetAddress": businessInfo.company.address,
"addressLocality": "Your City",
"addressRegion": "Your State",
"postalCode": "12345",
"addressCountry": "US"
},
"telephone": businessInfo.company.phone,
"email": businessInfo.company.email,
"url": baseUrl,
"logo": baseUrl/logo.png
},
"areaServed": {
"@type": "Place",
"name": "Your Service Area" // e.g., "San Diego County"
},
"offers": {
"@type": "Offer",
"url": baseUrl/services/service.slug,
"priceCurrency": "USD",
"availability": "https://schema.org/InStock",
"priceSpecification": {
"@type": "UnitPriceSpecification",
"priceCurrency": "USD",
"referenceQuantity": {
"@type": "QuantitativeValue",
"value": "1",
"unitText": "service call"
}
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "127"
},
"url": baseUrl/services/service.slug,
"image": baseUrl/images/services/service.slug.jpg,
};
}
...
const schema = generateServiceSchema(service, businessConfig);
return (
<>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{
__html: JSON.stringify(schema, null, 2)
}}
/>
{/* Your service page content */}