Skip to content
https://portfolio.nabdz.com

Content

· 9 checks — Internal links, mixed-content guards, Open Graph previews, and structured data rolled into one auditable list.
SCORE
86
GRADE
B
FIX
1
REVIEW
2
PASS
6
INFO
0
Checks
9
6 PASS 2 REVIEW 1 FIX
F
Image Optimization
Action
7 issues found across 7 images
FIX
7 issues found across 7 images
Warning::
4 images significantly larger than display size
Resizing to display dimensions could save approximately 2384 KB.
Got: ~2384 KB wasted
Warning::
6 images missing explicit width/height
Images without dimensions cause layout shifts (CLS). Set explicit width and height attributes.
Info::
5 below-fold images missing loading="lazy"
Lazy loading defers below-fold images, reducing initial page weight.
Warning::
All 7 images use legacy formats (JPEG/PNG/GIF)
WebP offers 25-35% smaller files than JPEG. Use <picture> with <source type="image/webp"> for modern format support.
Warning::
Total image weight: 2948 KB (2.9 MB)
Consider compressing images, using modern formats, and serving appropriately sized images.
Info::
3 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://portfolio.nabdz.com/images/mial-zakaria-hero.png, https://portfolio.nabdz.com/images/projects/immocastle-real-estate-website-hero-5dcdf349.jpg, https://portfolio.nabdz.com/images/contact-desk-scene.png.
Info::
4 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://portfolio.nabdz.com/images/projects/immocastle-real-estate-website-hero-5dcdf349.jpg, https://portfolio.nabdz.com/images/projects/immocastle-real-estate-website-hero-5dcdf349.jpg, https://portfolio.nabdz.com/images/projects/kenza-boulahlib-website-hero-88b70d4a.jpg (+1 more).
B
Structured Data
1 JSON-LD block(s) found — some improvements recommended.
REVIEW
1 JSON-LD block(s) found — some improvements recommended.
Warning::
Missing required property "name" for WebSite
The "name" property is required for the WebSite schema type.
Warning::
Missing required property "url" for WebSite
The "url" property is required for the WebSite schema type.
Info::
Missing recommended property "description" for WebSite
Adding "description" can improve how search engines display your content.
Info::
Missing recommended property "potentialAction" for WebSite
Adding "potentialAction" can improve how search engines display your content.

The "name" property is required for the WebSite schema type.

Why this matters

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

The "url" property is required for the WebSite schema type.

Why this matters

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 "description" can improve how search engines display your content.

Why this matters

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 "potentialAction" can improve how search engines display your content.

Why this matters

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

Block 1 : WebSite
2 properties Valid
Missing required property: name
Missing required property: url
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://portfolio.nabdz.com/#website",
      "url": "https://portfolio.nabdz.com/",
      "name": "Mial Zakaria — Creative Designer & Developer",
      "description": "Portfolio of Mial Zakaria, graphic designer, web developer and mobile app creator using AI to turn ideas into beautiful, functional and impactful digital products.",
      "inLanguage": "en-US",
      "publisher": {
        "@id": "https://portfolio.nabdz.com/#person"
      }
    },
    {
      "@type": "Person",
      "@id": "https://portfolio.nabdz.com/#person",
      "name": "Mial Zakaria",
      "url": "https://portfolio.nabdz.com/",
      "jobTitle": "Creative Designer & Developer",
      "description": "Graphic designer, web developer and mobile app creator using AI to turn ideas into beautiful, functional and impactful digital products.",
      "image": "https://portfolio.nabdz.com/images/mial-hero-full.jpg",
      "sameAs": [
        "https://github.com",
        "https://linkedin.com",
        "https://x.com",
        "https://instagram.com"
      ],
      "knowsAbout": [
        "Mial Zakaria",
        "Creative Designer",
        "Full-Stack Developer",
        "Web Developer Portfolio",
        "Mobile App Creator",
        "UI/UX Designer",
        "Svelte 5 Developer",
        "SvelteKit Portfolio",
        "AI Product Design",
        "Graphic Design",
        "Brand Identity",
        "Creative Technologist"
      ],
      "workLocation": {
        "@type": "Place",
        "name": "Available Worldwide (Remote)"
      }
    },
    {
      "@type": "ProfilePage",
      "@id": "https://portfolio.nabdz.com/#profilepage",
      "url": "https://portfolio.nabdz.com",
      "name": "Mial Zakaria — Creative Designer & Developer",
      "isPartOf": {
        "@id": "https://portfolio.nabdz.com/#website"
      },
      "mainEntity": {
        "@id": "https://portfolio.nabdz.com/#person"
      }
    }
  ]
}
C
Brand Presence
Action
Site-name consistency, favicon, social image, meta tags, schema, and contact signals
REVIEW

Brand Presence

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

C

67/100

Site name appears as

Page titleCreative Designer & Developer
og:site_nameMial Zakaria
twitter:site—
Organization.name—

Inconsistent — names differ across channels

Brand assets

Favicon

12/15

covers apple-touch-icon + SVG

Social share image

20/20

og:image + twitter:image set

Meta completeness

20/20

Organization schema

0/15

Contact info discoverable

10/10

contact page + mailto link

Findings

  • Brand name differs across channels — users see inconsistent identity
  • Add an apple-touch-icon and at least two PNG sizes (32x32 + 192x192)
  • 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.

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
Open Graph tags are well configured for social sharing.
PASS
Open Graph tags are well configured for social sharing.

Preview

portfolio.nabdz.com

Mial Zakaria — Creative Designer & Developer

Portfolio of Mial Zakaria, graphic designer, web developer and mobile app creator using AI to turn ideas into beautiful, functional and impactful digital products.

Preview quality · Twitter/X A+ · 100/100
  • twitter:card — summary_large_image
  • twitter:title — Mial Zakaria — Creative Designer & Developer
  • twitter:description — Portfolio of Mial Zakaria, graphic designer, web developer and mobile app creator using AI to turn ideas into beautif...
  • twitter:image — https://portfolio.nabdz.com/images/mial-hero-full.jpg

PORTFOLIO.NABDZ.COM

Mial Zakaria — Creative Designer & Developer

Portfolio of Mial Zakaria, graphic designer, web developer and mobile app creator using AI to turn ideas into beautiful, functional and impactful digital products.

Preview quality · Facebook A+ · 95/100

Description will be truncated (163 chars / 155 max)

  • og:title — Mial Zakaria — Creative Designer & Developer
  • og:description — Portfolio of Mial Zakaria, graphic designer, web developer and mobile app creator using AI to turn ideas into beautif...
  • og:image — https://portfolio.nabdz.com/images/mial-hero-full.jpg
  • og:type — website
  • og:url — https://portfolio.nabdz.com
  • og:site_name — Mial Zakaria
  • Description will be truncated on Facebook (163 chars, max 155)

    → Tighten og:description to ≤155 characters

Mial Zakaria — Creative Designer & Developer

portfolio.nabdz.com

Preview quality · LinkedIn A+ · 95/100

Description will be truncated (163 chars / 150 max)

  • og:title — Mial Zakaria — Creative Designer & Developer
  • og:description — Portfolio of Mial Zakaria, graphic designer, web developer and mobile app creator using AI to turn ideas into beautif...
  • og:image — https://portfolio.nabdz.com/images/mial-hero-full.jpg
  • Description will be truncated on LinkedIn (163 chars, max 150)

    → Tighten og:description to ≤150 characters

portfolio.nabdz.com

Mial Zakaria — Creative Designer & Developer

Portfolio of Mial Zakaria, graphic designer, web developer and mobile app creator using AI to turn ideas into beautiful, functional and impactful digital products.

Preview quality · Slack A+ · 100/100
  • og:title — Mial Zakaria — Creative Designer & Developer
  • og:description — Portfolio of Mial Zakaria, graphic designer, web developer and mobile app creator using AI to turn ideas into beautif...
  • og:image — https://portfolio.nabdz.com/images/mial-hero-full.jpg

Social preview quality

Averaged across Twitter/X, Facebook, LinkedIn, and Slack.

A+ · 97/100
FieldTwitter/XFacebookLinkedInSlack
og:title
og:description
og:image
og:type
og:url
og:site_name
twitter:card———
twitter:title———
twitter:description———
twitter:image———
A+
Open Graph / Twitter Card Depth
OG image dimensions and Twitter card configuration look healthy
PASS
OG image dimensions and Twitter card configuration look healthy
Info::
OG/Twitter Card depth is clean -- dimensions, card type, and inheritance all valid
A+
Rich Results Eligibility
1 JSON-LD block(s) declaring 3 schema type(s)
PASS
1 JSON-LD block(s) declaring 3 schema type(s)
Info::
3 rich-result schema type(s) declared
Inventory of structured-data types on the page (each may unlock a different SERP feature): Person, ProfilePage, WebSite Search engines decide whether to render rich results based on content quality + page-level signals; declaring the schema is necessary but not sufficient.
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