Content
· 5 checks — Internal links, mixed-content guards, Open Graph previews, and structured data rolled into one auditable list.FOpen GraphActionNo Open Graph tags found — social sharing previews will be generic.FIX
Without og:title, og:description, and og:image, social media platforms will generate a generic preview when your page is shared.
Without Open Graph tags, social shares show a broken or empty preview card.
Learn more ▾ ▴
When someone shares your URL on Facebook, LinkedIn, Slack, iMessage, or any modern chat app, the preview comes from <meta property="og:*"> tags. Without them you get either no card or whatever fragment the social platform guesses — usually unflattering. The four core og: tags (title, description, image, url) cover what every major platform actually reads.
Source: Open Graph Protocol
Preview
bootstrapmade.com
No title set
No description
- twitter:card — Add <meta name="twitter:card" content="summary_large_image">
- twitter:title — falling back from <title>
- twitter:description — falling back from <meta name=description>
- twitter:image — Add twitter:image — preview card without an image looks broken
twitter:card is missing
→ Add <meta name="twitter:card" content="summary_large_image">
No preview image for Twitter/X
→ Add og:image or twitter:image (≥300×157 for summary_large_image)
BOOTSTRAPMADE.COM
No title set
No description
Title will be truncated (63 chars / 60 max)
Description will be truncated (179 chars / 155 max)
- og:title — falling back from <title>
- og:description — falling back from <meta name=description>
- og:image — Add og:image — preview card without an image looks broken
- og:type — Add og:type — Recommended — tells Facebook the content category
- og:url — Add og:url — Recommended — canonical URL for the share
- og:site_name — Add og:site_name — Recommended — site-level brand line in the preview
Title will be truncated on Facebook (63 chars, max 60)
→ Shorten og:title to ≤60 characters
Description will be truncated on Facebook (179 chars, max 155)
→ Tighten og:description to ≤155 characters
No preview image for Facebook
→ Add og:image (recommended 1200×630)
No title set
bootstrapmade.com
Description will be truncated (179 chars / 150 max)
- og:title — falling back from <title>
- og:description — falling back from <meta name=description>
- og:image — Add og:image — preview card without an image looks broken
Description will be truncated on LinkedIn (179 chars, max 150)
→ Tighten og:description to ≤150 characters
No preview image for LinkedIn
→ Add og:image (recommended 1200×627)
bootstrapmade.com
No title set
No description
- og:title — falling back from <title>
- og:description — falling back from <meta name=description>
- og:image — Add og:image — preview card without an image looks broken
No preview image — Slack unfurl will be text-only
→ Add og:image or twitter:image
Social preview quality
Averaged across Twitter/X, Facebook, LinkedIn, and Slack.
| Field | Twitter/X | Slack | ||
|---|---|---|---|---|
| og:title | ⚠ | ⚠ | ⚠ | |
| og:description | ⚠ | ⚠ | ⚠ | |
| og:image | ||||
| og:type | ||||
| og:url | ||||
| og:site_name | ||||
| twitter:card | — | — | — | |
| twitter:title | ⚠ | — | — | — |
| twitter:description | ⚠ | — | — | — |
| twitter:image | — | — | — |
FBrand PresenceActionSite-name consistency, favicon, social image, meta tags, schema, and contact signalsFIX
Brand Presence
Partial brand coverage — a few channels are missing brand signals.
F
30/100
Site name appears as
| Page title | BootstrapMade | |
| og:site_name | — | |
| twitter:site | — | |
| Organization.name | — |
Consistent
Brand assets
Favicon
12/15covers apple-touch-icon
Social share image
0/20Meta completeness
4/20Organization schema
4/15Organization schema present but missing all recommended fields
Contact info discoverable
5/10contact page
Findings
- Missing brand name in: og:site_name, twitter:site, Organization.name
- No social share image — shared links render as bare URLs
- Add an apple-touch-icon and at least two PNG sizes (32x32 + 192x192)
- og:title missing
- og:image missing
- twitter:card missing
- Organization schema missing logo — add a logo property pointing to a square PNG
- Organization schema missing url — point it at the canonical homepage
- Consider adding contactPoint — helps appear in "contact us" rich results
- Only partial contact info discoverable — consider adding a dedicated contact page or mailto/tel link
How consistently your brand appears across channels — shared link previews, structured data, favicon, contact info.
ALinks168 links checked, 167 healthy, 1 brokenPASS
Broken Links (1)
| Status | URL | Found in | Error |
|---|---|---|---|
| 404 | https://fonts.gstatic.com | <link> | Not Found |
A+Mixed ContentNo mixed content detected — all resources use HTTPS.PASS
AStructured Data1 JSON-LD block(s) found — structured data is well configured.PASS
The "name" property is required for the Organization schema type.
Schema markup missing required properties is silently rejected by Google — your structured data appears in source but never as a rich result.
Learn more ▾ ▴
Each schema.org type has required properties (Article needs headline + author + datePublished; Product needs name + offers; etc.). Missing them means Google's rich-result eligibility check fails. The Search Console Rich Results Test surfaces specific gaps. Fix the missing property; rich results re-appear within hours.
Source: Google Search Central / schema.org
Adding "url" can improve how search engines display your content.
Recommended schema properties unlock richer SERP layouts — without them you get the basic rich result instead of the enhanced one.
Learn more ▾ ▴
Recommended properties expand what Google can render. E.g., adding aggregateRating to Product unlocks star ratings; adding image to Article unlocks the image-card variant. Each recommended property is a direct SERP-real-estate gain.
Source: Google Search Central / schema.org
Adding "logo" can improve how search engines display your content.
Recommended schema properties unlock richer SERP layouts — without them you get the basic rich result instead of the enhanced one.
Learn more ▾ ▴
Recommended properties expand what Google can render. E.g., adding aggregateRating to Product unlocks star ratings; adding image to Article unlocks the image-card variant. Each recommended property is a direct SERP-real-estate gain.
Source: Google Search Central / schema.org
Adding "sameAs" can improve how search engines display your content.
Recommended schema properties unlock richer SERP layouts — without them you get the basic rich result instead of the enhanced one.
Learn more ▾ ▴
Recommended properties expand what Google can render. E.g., adding aggregateRating to Product unlocks star ratings; adding image to Article unlocks the image-card variant. Each recommended property is a direct SERP-real-estate gain.
Source: Google Search Central / schema.org
JSON-LD Blocks
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://bootstrapmade.com/#organization",
"name": "BootstrapMade",
"url": "https://bootstrapmade.com/",
"logo": "https://bootstrapmade.com/assets/img/logo.webp",
"sameAs": [
"https://twitter.com/BootstrapMade",
"https://facebook.com/BootstrapMade"
]
},
{
"@type": "WebSite",
"@id": "https://bootstrapmade.com/#website",
"url": "https://bootstrapmade.com/",
"name": "BootstrapMade",
"description": "Launch your next project with BootstrapMade. Download from a vast collection of free and premium Bootstrap templates, expertly designed to be responsive, customizable, and easy to use.",
"publisher": {
"@id": "https://bootstrapmade.com/#organization"
},
"potentialAction": {
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://bootstrapmade.com/search/?q={search_term_string}"
},
"query-input": "required name=search_term_string"
},
"inLanguage": "en-US"
},
{
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is Bootstrap?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Bootstrap is a free, open-source front-end framework for developing responsive, mobile-first websites. It includes a vast library of pre-built HTML, CSS, and JavaScript components like grids, forms, and navigation bars, which drastically speeds up the web development process."
}
},
{
"@type": "Question",
"name": "What are Bootstrap templates?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Bootstrap templates are pre-designed websites or sets of web pages built with the Bootstrap framework. They provide a professional, responsive, mobile-first foundation, allowing you to launch a high-quality website quickly without starting from scratch."
}
},
{
"@type": "Question",
"name": "Why should you use website templates?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Website templates provide a professional, pre-designed foundation for your site. They save you significant time and development costs, eliminate the need to design from scratch, and ensure your website is responsive and looks great on all devices from day one."
}
},
{
"@type": "Question",
"name": "What's the difference between a website template and a Bootstrap template?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A Bootstrap template is a specific type of website template built using the Bootstrap framework. While a general website template can be built with any technology, a Bootstrap template specifically leverages Bootstrap's powerful grid system and pre-built components to guarantee responsiveness and a modern design."
}
},
{
"@type": "Question",
"name": "How can Bootstrap templates and themes help me?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Bootstrap templates and themes allow you to launch a professional, mobile-friendly website incredibly fast. You get a high-quality design without needing to be a designer, and the clean, organized code makes it easy for developers to customize and build upon the template."
}
},
{
"@type": "Question",
"name": "How easy is it to customize a BootstrapMade template?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Our templates are designed for easy customization. With clean, well-commented HTML, CSS, and JavaScript, anyone with basic web development knowledge can modify colors, fonts, content, and layouts to perfectly match their brand and project requirements."
}
},
{
"@type": "Question",
"name": "What is the difference between free and premium templates?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Our free templates provide a solid foundation for many projects and require a footer credit link. Premium templates offer more advanced features, additional pages, access to Sass/SCSS files, dedicated support, and allow you to remove the credit link for a fully professional, white-label solution."
}
},
{
"@type": "Question",
"name": "Are the templates compatible with all modern browsers?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, all our templates are thoroughly tested to ensure they are compatible with the latest versions of all modern browsers, including Google Chrome, Mozilla Firefox, Safari, and Microsoft Edge, providing a consistent experience for all your visitors."
}
},
{
"@type": "Question",
"name": "What is the BootstrapMade Template Builder?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The BootstrapMade Template Builder is a powerful visual editor available with our Premium Plan. It allows you to customize and prototype our templates in real-time without writing code, enabling you to build and export your design for further refinement or direct deployment."
}
},
{
"@type": "Question",
"name": "Do you provide support and updates for your templates?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, we regularly update our templates to keep them compatible with the latest versions of Bootstrap and to implement bug fixes. We provide dedicated, priority support for all our premium members, while limited support is available for free template users."
}
}
]
}
]
}