Skip to content
https://ajuntament.barcelona.cat/mercats/es/los-mercados/mercats-un-clic

Content

· 9 checks — Internal links, mixed-content guards, Open Graph previews, and structured data rolled into one auditable list.
SCORE
73
GRADE
C
FIX
3
REVIEW
3
PASS
3
INFO
0
Checks
9
3 PASS 3 REVIEW 3 FIX
F
Image Optimization
Action
7 issues found across 17 images
FIX
7 issues found across 17 images
Warning::
1 images significantly larger than display size
Resizing to display dimensions could save approximately 39 KB.
Got: ~39 KB wasted
Warning::
16 images missing explicit width/height
Images without dimensions cause layout shifts (CLS). Set explicit width and height attributes.
Info::
11 below-fold images missing loading="lazy"
Lazy loading defers below-fold images, reducing initial page weight.
Info::
5 of 17 images use legacy formats
Warning::
1 above-fold image(s) marked loading="lazy" (LCP anti-pattern)
Above-fold images marked lazy delay LCP -- the browser waits for the IntersectionObserver to fire before fetching, even though the image is in the initial viewport. Remove `loading="lazy"` on above-the-fold images (especially the LCP candidate). Sample: https://ajuntament.barcelona.cat/mercats/sites/default/files/styles/promo_capcalera_bg/public/2022-11/Mercatsaunclic.jpg?itok=y-Pckd7i.
Info::
1 image(s) wider than 400px without srcset (no responsive serving)
These images deliver the same asset to every viewport (mobile, tablet, retina). Adding srcset / <picture> lets the browser pick a viewport-appropriate variant and typically saves 40-70% of bytes on mobile. Sample: https://ajuntament.barcelona.cat/mercats/sites/default/files/styles/promo_capcalera_bg/public/2022-11/Mercatsaunclic.jpg?itok=y-Pckd7i.
Info::
1 image(s) rendered at a different aspect ratio than the source
The displayed dimensions distort the source -- CSS is forcing the image into a container at the wrong ratio, producing visible stretching or squashing. Either crop the source to match or use object-fit: cover (and accept the crop). Sample: https://www.barcelona.cat/assetsdi/img/2025/logo-negre.svg.
F
Brand Presence
Action
Site-name consistency, favicon, social image, meta tags, schema, and contact signals
FIX

Brand Presence

Your brand name differs across channels — visitors see inconsistent identity.

F

31/100

Site name appears as

Page titleAjuntament de Barcelona
og:site_nameMercats de Barcelona
twitter:site—
Organization.name—

Inconsistent — names differ across channels

Brand assets

Favicon

8/15

single size only

Social share image

0/20

Meta completeness

8/20

Organization schema

0/15

Contact info discoverable

10/10

contact page + tel link

Findings

  • Brand name differs across channels — users see inconsistent identity
  • No social share image — shared links render as bare URLs
  • Single favicon only — add apple-touch-icon for iOS home-screen and high-DPI support
  • og:image missing
  • twitter:card missing
  • No Organization schema — Google can't render your logo in the knowledge panel

How consistently your brand appears across channels — shared link previews, structured data, favicon, contact info.

B
Open Graph
Open Graph tags are partially configured — some improvements recommended.
REVIEW
Open Graph tags are partially configured — some improvements recommended.
Warning::
Missing og:image
The og:image tag provides a preview image for social sharing.
Info::
og:title is short (17 characters)
Ideal length is 25–60 characters for social sharing previews.
Got: 17 chars Expected: 25–60 chars
Info::
og:description is long (489 characters)
Descriptions over 200 characters may be truncated in social sharing previews.
Got: 489 chars Expected: 55–200 chars
Info::
Missing twitter:card
Without twitter:card, Twitter falls back to Open Graph tags. Adding it gives you more control.

The og:image tag provides a preview image for social sharing.

Why this matters

No og:image means social shares are imageless — measurably less engaging than image-cards across every major platform.

Learn more ▾

Twitter, Facebook, and LinkedIn all use og:image (or twitter:image as a fallback) for share-card thumbnails. Without one, the post renders as a text-only card. A 1200x630px image (Twitter's preferred size) covers all platforms.

Source: Open Graph Protocol

URL: 17 chars

Ideal length is 25–60 characters for social sharing previews.

Expected: 25–60 chars
Why this matters

og:title very short — may render with awkward whitespace in social cards.

Source: Open Graph Protocol

URL: 489 chars

Descriptions over 200 characters may be truncated in social sharing previews.

Expected: 55–200 chars
Why this matters

og:description borderline-too-long — social platforms truncate around ~200 chars.

Source: Open Graph Protocol

Without twitter:card, Twitter falls back to Open Graph tags. Adding it gives you more control.

Why this matters

Without twitter:card, Twitter renders posts as plain text — no preview image, no structured layout.

Learn more ▾

Twitter requires `<meta name="twitter:card" content="summary_large_image">` (or summary) to render share-cards at all. Without it, links appear as raw text and engagement plummets vs cards. Twitter also falls back to og:image if twitter:image isn't set, so configure both.

Source: Twitter Developer Platform

Preview

No image set

ajuntament.barcelona.cat

Mercats a un clic

Los mercados de alimentación de la ciudad están poniendo en marcha un canal común de compra en línea, un marketplace que flexibiliza el proceso de compra y permite que los usuarios puedan acceder a los mercados desde su casa. La clientela puede recibir el pedido directamente en su casa o bien recogerla en el mismo mercado, incluso fuera del horario de apertura, gracias al servicio de recogida ágil de la compra con la instalación de alacenas refrigeradas en los accesos de los mercados.

Preview quality · Twitter/X F · 15/100

Description will be truncated (495 chars / 200 max)

  • twitter:card — Add <meta name="twitter:card" content="summary_large_image">
  • twitter:title — falling back from og:title
  • twitter:description — falling back from og: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">

  • Description will be truncated on Twitter/X (495 chars, max 200)

    → Tighten the description to ≤200 characters

  • No preview image for Twitter/X

    → Add og:image or twitter:image (≥300×157 for summary_large_image)

No image set

AJUNTAMENT.BARCELONA.CAT

Mercats a un clic

Los mercados de alimentación de la ciudad están poniendo en marcha un canal común de compra en línea, un marketplace que flexibiliza el proceso de compra y permite que los usuarios puedan acceder a los mercados desde su casa. La clientela puede recibir el pedido directamente en su casa o bien recogerla en el mismo mercado, incluso fuera del horario de apertura, gracias al servicio de recogida ágil de la compra con la instalación de alacenas refrigeradas en los accesos de los mercados.

Preview quality · Facebook D · 60/100

Description will be truncated (495 chars / 155 max)

  • og:title — Mercats a un clic
  • og:description — Los mercados de alimentación de la ciudad están poniendo en marcha un canal común de compra en línea, un marketplace ...
  • og:image — Add og:image — preview card without an image looks broken
  • og:type — Web
  • og:url — https://ajuntament.barcelona.cat/mercats/es/los-mercados/mercats-un-clic
  • og:site_name — Mercats de Barcelona

  • Description will be truncated on Facebook (495 chars, max 155)

    → Tighten og:description to ≤155 characters

  • No preview image for Facebook

    → Add og:image (recommended 1200×630)

No image set

Mercats a un clic

ajuntament.barcelona.cat

Preview quality · LinkedIn D · 60/100

Description will be truncated (495 chars / 150 max)

  • og:title — Mercats a un clic
  • og:description — Los mercados de alimentación de la ciudad están poniendo en marcha un canal común de compra en línea, un marketplace ...
  • og:image — Add og:image — preview card without an image looks broken

  • Description will be truncated on LinkedIn (495 chars, max 150)

    → Tighten og:description to ≤150 characters

  • No preview image for LinkedIn

    → Add og:image (recommended 1200×627)

ajuntament.barcelona.cat

Mercats a un clic

Los mercados de alimentación de la ciudad están poniendo en marcha un canal común de compra en línea, un marketplace que flexibiliza el proceso de compra y permite que los usuarios puedan acceder a los mercados desde su casa. La clientela puede recibir el pedido directamente en su casa o bien recogerla en el mismo mercado, incluso fuera del horario de apertura, gracias al servicio de recogida ágil de la compra con la instalación de alacenas refrigeradas en los accesos de los mercados.

Preview quality · Slack B · 80/100

Description will be truncated (495 chars / 300 max)

  • og:title — Mercats a un clic
  • og:description — Los mercados de alimentación de la ciudad están poniendo en marcha un canal común de compra en línea, un marketplace ...
  • og:image — Add og:image — preview card without an image looks broken

  • Long description may be shortened by Slack (495 chars, guideline ~300)

    → Consider tightening to ~300 chars for the cleanest unfurl

  • 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.

D · 53/100
FieldTwitter/XFacebookLinkedInSlack
og:title
og:description
og:image
og:type
og:url
og:site_name
twitter:card———
twitter:title⚠———
twitter:description⚠———
twitter:image———
C
Structured Data
Action
No structured data (JSON-LD) found.
REVIEW
No structured data (JSON-LD) found.
Info::
No structured data (JSON-LD) found
Adding structured data helps search engines understand your content and can enable rich results.

Adding structured data helps search engines understand your content and can enable rich results.

Why this matters

Without schema.org markup, your pages can't appear as rich results (stars, FAQs, recipes) in search.

Learn more ▾

Structured data is what unlocks rich snippets — review stars, FAQ accordions, recipe cards, breadcrumbs, etc. — that take up more SERP space and dramatically improve click-through. The schema.org vocabulary is well-documented and JSON-LD is the easiest format.

Source: Google Search Central / schema.org

No structured data found

Structured data (JSON-LD) helps search engines understand your content better. Adding it can improve your search result appearance.

Common types include:

  • WebSite — your site identity and search box
  • Organization — your company information
  • Article — blog posts and news articles
  • Product — e-commerce product pages
  • BreadcrumbList — navigation paths
Learn more at schema.org
C
Rich Results Eligibility
Action
No JSON-LD found -- no rich-result eligibility
REVIEW
No JSON-LD found -- no rich-result eligibility
Info::
No JSON-LD structured data on the page
No `<script type="application/ld+json">` blocks found. Without structured data, search engines fall back to inferring page meaning from raw HTML -- which works but doesn't unlock SERP features (rich snippets, knowledge panel, FAQ accordion, breadcrumb trail). Adding even basic JSON-LD (Organization for the site identity, BreadcrumbList for navigation context) is a low-effort SEO win.
A+
Mixed Content
No mixed content detected — all resources use HTTPS.
PASS
No mixed content detected — all resources use HTTPS.
Info::
No mixed content detected — all resources use HTTPS
A+
Open Graph / Twitter Card Depth
No OG image or Twitter card set -- depth check is N/A (presence covered by Open Graph section)
PASS
No OG image or Twitter card set -- depth check is N/A (presence covered by Open Graph section)
Info::
No OG image / Twitter card to evaluate
A+
Autoplay Media
No autoplay media on the page
PASS
No autoplay media on the page
Info::
No autoplay media on the page
All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.

Send Feedback