feat: implement marketing pages, core QR tools, and SEO infrastructure for QR Master

This commit is contained in:
Timo Knuth
2026-04-10 11:21:18 +02:00
parent cc4afb6f51
commit 9a01523fcd
14 changed files with 659 additions and 16 deletions

View File

@@ -1,7 +1,7 @@
import React from 'react';
import type { Metadata } from 'next';
import GoogleReviewGenerator from './GoogleReviewGenerator';
import { Star, MapPin, Search, Share2 } from 'lucide-react';
import { Star, MapPin, Search, Share2, TrendingUp } from 'lucide-react';
import { QRCodeSVG } from 'qrcode.react';
import { ToolBreadcrumb } from '@/components/seo/BreadcrumbSchema';
import { RelatedTools } from '@/components/marketing/RelatedTools';
@@ -16,6 +16,10 @@ export const metadata: Metadata = {
keywords: ['qr code for google reviews', 'qr code generator for google reviews', 'google review qr code', 'google maps review qr code', 'get more google reviews'],
alternates: {
canonical: 'https://www.qrmaster.net/tools/google-review-qr-code',
languages: {
'x-default': 'https://www.qrmaster.net/tools/google-review-qr-code',
en: 'https://www.qrmaster.net/tools/google-review-qr-code',
},
},
openGraph: {
title: 'Google Review QR Code Generator — Free | QR Master',
@@ -45,6 +49,13 @@ const jsonLd = {
{
'@type': 'HowTo',
name: 'How to Create a Google Review QR Code',
datePublished: '2024-01-01',
dateModified: '2025-06-01',
author: {
'@type': 'Person',
name: 'Timo Knuth',
url: 'https://www.qrmaster.net/authors/timo',
},
description: 'Generate a QR code that sends customers directly to your Google review form.',
step: [
{
@@ -273,6 +284,48 @@ export default function GoogleReviewQRCodePage() {
</div>
</section>
{/* WHY REVIEWS MATTER — STATISTICS */}
<section className="py-16 px-4 sm:px-6 lg:px-8 bg-white">
<div className="max-w-4xl mx-auto">
<div className="flex items-center gap-2 mb-3">
<TrendingUp className="w-5 h-5 text-yellow-500" />
<span className="text-sm font-semibold text-yellow-600 uppercase tracking-wider">Research-backed impact</span>
</div>
<h2 className="text-3xl font-bold text-slate-900 mb-4">
Why Google Reviews Matter for Your Business
</h2>
<p className="text-slate-600 mb-10 max-w-2xl">
A <strong>Google Review QR code</strong> reduces the friction between a satisfied customer and a published review the single biggest barrier to getting more reviews.
</p>
<div className="grid md:grid-cols-2 gap-6 mb-8">
<div className="bg-yellow-50 border border-yellow-100 rounded-2xl p-6">
<div className="text-4xl font-extrabold text-yellow-600 mb-2">70%</div>
<p className="text-slate-700 text-sm leading-relaxed mb-3">
of consumers will leave a review for a business <strong>if they are asked</strong> but most businesses never ask, or ask via email where completion rates drop to 13%.
</p>
<p className="text-xs text-slate-500">
Source: <a href="https://brightlocal.com/research/local-consumer-review-survey/" target="_blank" rel="noopener noreferrer" className="underline hover:text-slate-700">BrightLocal Local Consumer Review Survey</a>
</p>
</div>
<div className="bg-blue-50 border border-blue-100 rounded-2xl p-6">
<div className="text-4xl font-extrabold text-blue-600 mb-2">+270%</div>
<p className="text-slate-700 text-sm leading-relaxed mb-3">
increase in conversion rates for products and businesses with reviews compared to those without. Capturing reviews at the point of sale where satisfaction is highest maximizes this effect.
</p>
<p className="text-xs text-slate-500">
Source: <a href="https://spiegel.medill.northwestern.edu/online-reviews/" target="_blank" rel="noopener noreferrer" className="underline hover:text-slate-700">Spiegel Research Center, Northwestern University</a>
</p>
</div>
</div>
<p className="text-xs text-slate-400 italic">
By Timo Knuth, QR Master · Last updated: June 2025 · Based on independent academic and industry research
</p>
</div>
</section>
<GrowthLinksSection
eyebrow="Level up your local marketing"
title="More QR workflows for local businesses"