Overall Score
Aufani Yukzanali is a content-rich, well-structured educational website for Indonesian English learners with solid fundamentals, but it's hemorrhaging conversion potential through poor SEO signals, confusing navigation hierarchy, and a hero section that fails to make a compelling case for why anyone should care.
The Roast
This website has all the personality of a PowerPoint presentation from 2015—which, coincidentally, is when the business started. The 🧐 emoji in the H1 is doing heavy lifting trying to inject personality, but it's like putting a racing stripe on a minivan. You've got 16 H2s fighting for dominance like it's a game of thrones, a search bar prominently displayed but zero SEO scoring, and a mobile menu that's probably fine if you like squinting. The irony? An English teacher's website that sells clarity, but the messaging reads like a shopping list.
🎯 Start Here
Google PageSpeed Insights
(Real metrics from Google)These scores come directly from Google's PageSpeed API. The AI scores above evaluate broader aspects like copy, trust signals, and conversion.
Core Web Vitals
SEO
Conversion
Trust Signals
Copy & Messaging
Design & UX
Mobile
Accessibility
Performance
SEO
SEO score of 0 in PageSpeed Insights is a red flag—no schema markup, weak heading structure (16 H2s competing), and blog content is dated future-published (2026), which destroys freshness signals and trust.
Issues Found
- PageSpeed SEO score is 0; likely missing schema markup (Organization, BreadcrumbList, FAQPage for the FAQ section visible in screenshots)
- Blog posts are published with future dates (July 2026), signaling outdated or placeholder content that kills credibility and indexing priority
- URL structure not verified, but likely generic slugs; no keyword optimization visible in meta tags or heading hierarchy
Recommendations
-
Add structured data markup high
Implement Organization schema (with logo, contact, hours), LocalBusiness (if applicable), FAQ schema for the Pertanyaan Umum section, and Course schema for each training offering.
-
Fix publication dates immediately high
Update all blog posts to actual publish dates (2025 or earlier); future dating severely damages SEO crawling and user trust signals.
-
Optimize heading hierarchy for keywords medium
Consolidate 16 H2s into 4-6 meaningful sections; use H2s for primary keywords ('English for Teachers,' 'TOEFL Preparation') and H3s for subtopics.
Conversion
Multiple CTAs exist ('Go to Classroom,' newsletter signup, course links) but lack urgency, scarcity, or clear progression—it's a shotgun approach with no coherent conversion funnel or value ladder.
Issues Found
- Primary CTA ('Go to Classroom') appears twice but offers no preview, free trial, or risk-free entry point to reduce friction
- Newsletter signup button is styled identically to other buttons, reducing perceived importance and click-through
- No pricing transparency, guarantee, or testimonial above the fold; visitors can't assess fit before committing to a classroom enrollment
Recommendations
-
Create a tiered conversion funnel high
Lead with a free resource (e.g., 'Download Free English Survival Guide for Teachers') in hero, then upsell to classroom after email capture.
-
Add trust-building elements above the fold high
Include 1-2 star ratings, user count ('10K+ educators trained'), or a single powerful testimonial quote to reduce enrollment hesitation.
-
Differentiate primary vs. secondary CTAs medium
Use contrasting colors and button sizes; make 'Start Free Trial' or 'Enroll Now' the hero CTA, relegate newsletter to footer.
Trust Signals
The footer shows social proof infrastructure (social links, multi-section layout) and credibility markers ('since 2015'), but testimonials, case studies, and client numbers are either below the fold or missing from verified sections—weak above-the-fold trust presence.
Issues Found
- No visible testimonials, student counts, or success metrics above the fold; meta description claims '#1' but provides no proof
- Social links visible in footer but no embedded reviews, ratings, or success story previews in hero or body content
- FAQ section exists but buried in sidebar; doesn't address common objections (cost, time commitment, outcomes) prominently
Recommendations
-
Surface social proof in hero/intro high
Add a trust bar: '10,000+ educators trained | 4.9/5 stars | 90% complete course' directly below headline to build credibility before scrolling.
-
Feature a client logo wall or case study medium
Create a 3-4 school/institution logo carousel or a single featured success story in the above-fold area to anchor legitimacy.
-
Move FAQ and testimonials higher medium
Promote 2-3 customer quotes and top FAQ answers to a dedicated section mid-page to address objections early in the journey.
Copy & Messaging
The value proposition is buried in the meta description (educators + professionals since 2015), but the hero doesn't lead with *why* anyone should care—just lists course categories and blog posts like a menu board at a coffee shop.
Issues Found
- H1 is weak and personality-focused (🧐 emoji) rather than benefit-driven—no clear value prop in the opening
- Course/category descriptions are minimal; visitors don't understand what they'll gain from each path until they dig deeper
- CTA copy is generic ('Go to Classroom') with no urgency or clear outcome promise
Recommendations
-
Rewrite hero headline with benefit clarity high
Lead with outcome: 'Master English in 90 Days for Your Career & Classroom' instead of just the brand name and emoji.
-
Add micro-copy to category cards medium
Include 1-2 sentence benefit statements under each 'English for...' link (e.g., 'Learn classroom vocabulary + management phrases to boost student engagement 20%').
-
Strengthen CTA copy with outcome focus medium
Change 'Go to Classroom' to 'Start Learning Free' or 'Enroll in Your Path' to signal clarity and reduce friction.
Design & UX
The layout is clean and functional with decent whitespace, but the visual hierarchy is a mess—hero section is text-only and uninspiring, sidebar navigation competes awkwardly with main content, and the repeated soft blue/white color scheme lacks visual distinction between sections.
Issues Found
- Hero section lacks visual focal point or compelling CTA—just logo, title, and generic meta description
- Sidebar navigation (right column) creates a crowded, three-column reading experience that feels dated
- No hero image, video, or visual asset to anchor user interest in the opening fold
Recommendations
-
Redesign hero with visual anchor high
Add a compelling hero image, testimonial video, or illustrative graphic paired with a single, action-oriented headline and prominent CTA to break the text-only monotony.
-
Simplify content layout below hero high
Move sidebar content to footer or dedicated pages; use a single-column blog feed to reduce cognitive load and improve scannability.
-
Introduce visual hierarchy with color/contrast medium
Use accent colors strategically for CTAs, headers, and key benefits instead of relying on blue text links throughout.
Mobile
Mobile layout is clean and touch-friendly with proper spacing, but the hamburger menu collapses navigation complexity without simplifying the information architecture—users still face 16+ H2 options on a narrow screen.
Issues Found
- Sidebar becomes a stacked section on mobile, exacerbating content density; users must scroll past dozens of links to reach main content
- Search bar is functional but not discoverable above the fold on mobile; placement suggests low mobile search behavior assumption
- Blue accent color and link styling remain unchanged from desktop, which can appear small and hard to tap on mobile devices
Recommendations
-
Redesign mobile navigation hierarchy high
Limit hamburger menu to 5-7 primary categories; move secondary links (testimonials, FAQ, blog archive) to footer or dedicated pages.
-
Prioritize mobile CTA placement medium
Move primary CTA (enrollment) to sticky mobile header or modal; reduce scrolling friction to get users to the conversion step.
-
Increase touch target sizes low
Ensure all links and buttons meet 48px minimum tap target; test link spacing on iPhone SE (small screen) to confirm accessibility.
Accessibility
Good accessibility bones (ARIA attributes, skip link, form labels, landmarks) suggest intentional effort, but 15 ARIA attributes on a content site indicates possible over-complication or misuse.
Issues Found
- 15 ARIA attributes on a 1,724-word page suggests possible over-tagging or misapplied roles; semantic HTML should do most of the work
- Color contrast not explicitly tested; light blue links on white background appear borderline for WCAG AA compliance
- Mobile navigation (hamburger menu) functionality not verified; menu interactions may not be fully keyboard-accessible
Recommendations
-
Simplify ARIA usage medium
Audit ARIA attributes; remove redundant roles and rely on semantic HTML5 (nav, main, footer, article) for landmark structure.
-
Verify color contrast ratios medium
Test all text/background combinations (especially blue links) against WCAG AA standards (4.5:1 for small text); adjust if needed.
-
Test mobile menu keyboard navigation low
Ensure hamburger menu opens/closes with Enter/Escape keys and all links are reachable via Tab key on mobile.
Performance
Page Speed Mobile is pristine (100 Performance, 0.934s LCP, 0 CLS), but the SEO score of 0 undermines this—performance means nothing if search engines can't index or understand your content.
Issues Found
- PageSpeed SEO score is 0 despite perfect performance metrics—missing meta tags, schema, or viewport configuration issues
- 1 image with 0 missing alt text suggests either missing images entirely or poor image strategy for a visual-light site
- 89 internal links and 7 external links suggest possible over-linking; internal link juice dilution may hurt page authority
Recommendations
-
Audit and fix SEO blockers high
Run Google Search Console crawl audit to identify missing meta descriptions, robots directives, or canonical issues causing the 0 SEO score.
-
Optimize image loading strategy medium
Add hero image and content images with descriptive alt text; use responsive image sizing and lazy loading to maintain performance.
-
Audit internal link strategy low
Limit navigation links to 5-8 per page; prioritize 3-4 high-value contextual links in blog content to improve crawl efficiency.
Think you can beat 60/100?
Get your site brutally analyzed by the same AI. 8 scores, a punch list of fixes, 60 seconds.