DEV Community

Cover image for I Built DeenGuide: A Situation-Based Islamic Guidance Tool With an SEO-First Architecture
Yunus Khan
Yunus Khan

Posted on

I Built DeenGuide: A Situation-Based Islamic Guidance Tool With an SEO-First Architecture

Most Islamic websites are organized around topics.

Prayer.
Fasting.
Duas.
Wudu.

But that's not necessarily how people think when they actually need help.

They usually arrive with a situation:

«“I have no water. What should I do?”»

«“I missed a prayer. How do I make it up?”»

«“I have doubts about my wudu.”»

«“Can I make dua in my own language?”»

«“How do I find the Qibla?”»

That observation became the starting point for DeenGuide, a situation-based Islamic guidance tool built as part of "SabrTime" (https://sabrtime.in/).

Live tool: "SabrTime DeenGuide" (https://sabrtime.in/tools/deenguide.html)

The goal wasn't to build another generic Islamic article library.

The goal was to build a structured system where a user can start with a real-life situation and reach clear, source-based guidance with as little friction as possible.


What Is DeenGuide?

DeenGuide is designed around a simple question:

“What are you dealing with?”

Instead of requiring users to understand complicated Islamic terminology first, DeenGuide lets them search or browse everyday situations.

The system is organized around areas such as:

  • Wudu & Purification
  • Salah
  • Fasting
  • Dua & Dhikr
  • Spiritual Life

A situation can then become its own dedicated resource.

Visit the "DeenGuide interface" (https://sabrtime.in/tools/deenguide.html) to see the current implementation.


Why Situation-Based Architecture?

Consider two approaches.

Traditional structure

Islamic Website

Prayer

Prayer Guide

Various situations

The user has to discover the relevant section.

DeenGuide

DeenGuide

Category

Situation

Guidance

Sources

Related resources

This is closer to how people actually search.

Someone may not search:

«“Islamic purification jurisprudence”»

They may search:

«“What if I have no water for wudu?”»

The difference is between topic intent and situation intent.

That distinction is central to the architecture.


The Main DeenGuide URL Is Only the Entry Point

The main "DeenGuide page" (https://sabrtime.in/tools/deenguide.html) isn't intended to be the entire knowledge base.

It acts as the navigation layer.

SabrTime

DeenGuide

Category

Situation

Detailed guidance

Related SabrTime content

This creates a potential content graph rather than a collection of disconnected articles.

The same philosophy is used throughout the "SabrTime Blog" (https://sabrtime.in/blog/), where different Islamic topics are organized into supporting resources.


Situation Pages Can Become Search Resources

One of the most important technical ideas behind DeenGuide is that individual situations can have their own URLs.

For example:

/tools/deenguide/

Category

Situation

Detailed answer

Related situation

Supporting article

This is important for both users and search engines.

A specific URL can represent a specific intent.

It also means that the project can grow without turning the main DeenGuide page into one enormous document.


Internal Linking Is Part of the Product

I don't see internal linking as just an SEO technique.

For DeenGuide, it is part of the UX.

Imagine a user looking for information about missed prayers.

The immediate DeenGuide answer can help them understand what to do.

But they may also need a deeper explanation.

That's where the SabrTime "Missed Prayers / Qaza guide" (https://sabrtime.in/blog/missed-prayers-qaza-guide.html) becomes useful.

The journey becomes:

User Situation

DeenGuide

Immediate Answer

Deep Guide

Related SabrTime Tools

This is much stronger than having an isolated blog post.


Building a Content Graph

The long-term architecture can look like this:

                     SabrTime
                        │
          ┌─────────────┴─────────────┐
          │                           │
      DeenGuide                      Blog
          │                           │
      Categories                  Deep Guides
          │                           │
      Situations ◄────────────────────┤
          │                           │
          └──────────┬────────────────┘
                     │
              Related Resources
                     │
                   Tools
Enter fullscreen mode Exit fullscreen mode

This creates relationships between user situations, educational content and practical tools.

Instead of treating every page as an independent SEO asset, the objective is to build a connected information system.


Qibla Is a Good Example of the Architecture

Suppose someone searches:

«“Which direction is Qibla?”»

The short answer may be enough.

But another user may ask:

«“What is my exact Qibla degree?”»

Another may ask:

«“Does Qibla work without internet?”»

Another may ask:

«“Why is my phone compass pointing somewhere strange?”»

These are related but distinct intents.

SabrTime has supporting resources such as:

The Qibla content demonstrates why a connected content architecture can be more useful than one enormous article.


Prayer Content Can Form Another Cluster

The same model works for Salah.

DeenGuide can provide situation-based answers while deeper SabrTime resources handle specific topics.

Relevant supporting resources include:

The architecture can become:

Salah

├── Missed Prayer
│ └── Qaza Guide

├── Prayer Mistake
│ └── Sujood as-Sahw

├── Quran Recitation
│ └── Sajdah Tilawah

└── Friday
└── Friday Sunnah


Dua Is Another Natural Knowledge Cluster

Dua questions are especially suitable for situation-based navigation.

A user may start with:

«“I'm anxious.”»

Then discover:

This creates an important relationship:

Situation

Relevant Dua

Source Verification

Deeper Explanation


Quran Content Creates Another Layer

SabrTime also has Quran-focused resources.

For example:

These can support situations involving prayer, patience, hardship, remembrance and Quranic reflection.


Tasbeeh and Dhikr Can Become Habit-Based Resources

Another interesting cluster is Dhikr.

SabrTime has supporting resources such as:

This connects content with actual product functionality.

Article

Learn

Try

SabrTime Tool

Build Habit

The website isn't only explaining worship.

It can also provide tools for practicing it.


Product + Content Architecture

The larger SabrTime architecture can therefore become:

                     SabrTime
                        │
    ┌───────────────────┼───────────────────┐
    │                   │                   │
 DeenGuide             Blog               Tools
    │                   │                   │
Situations          Deep Guides        Prayer Times
    │                   │               Qibla
    │                   │               Tasbeeh
    │                   │               Reflection
    └───────────────────┼───────────────────┘
                        │
                      Ebooks
Enter fullscreen mode Exit fullscreen mode

This means content, tools and guidance don't have to exist independently.

They can reinforce each other.


The Blog Should Support the Tool — Not Compete With It

This is one of the most important architectural decisions.

There should be a clear difference:

DeenGuide

“What should I do?”

Blog

“Help me understand this deeply.”

SabrTime tools

“Help me practice.”

That creates three different user intents.

WHAT DO I DO?

DeenGuide

WHY / HOW DOES THIS WORK?

Blog

HOW DO I PRACTICE IT?

SabrTime Tools


Source Transparency

Islamic content has an additional trust requirement.

Users need to know:

“Where did this answer come from?”

DeenGuide explains its methodology and emphasizes source-based guidance.

The product also acknowledges legitimate differences of scholarly opinion instead of presenting every issue as if there is always only one possible position.

This creates:

Question

Answer

Source

Verification

That is a critical part of the product.


DeenGuide Is Not a Fatwa Engine

This distinction is important.

DeenGuide is designed as a general educational guidance system.

It isn't intended to replace a qualified scholar.

For personal, complex or high-stakes religious questions, users should consult qualified local scholarship.

That gives the system a clear boundary:

DeenGuide

General guidance

Sources

Context

Scholar when necessary

This is a much better product boundary than pretending an automated system can replace Islamic scholarship.


Technical SEO Starts With Architecture

SEO isn't only about keywords.

For a system like DeenGuide, the bigger question is:

How are pages connected?

A possible architecture is:

Homepage

DeenGuide

Category

Situation

Related Situation

Deep Guide

Tool

This creates a semantic content graph.

Search engines can discover relationships.

Users can discover related answers.

And the site owner can understand how content clusters are developing.


Avoiding Programmatic SEO Spam

There is an obvious temptation here.

If 50 situation pages work, why not create 5,000?

That can become a problem.

The objective shouldn't be:

«Generate as many URLs as possible.»

It should be:

«Create a useful page when a real user has a distinct situation.»

A useful rule is:

Distinct user intent
+
Distinct useful answer
+
Reliable source
+
Navigation value
=
Potentially justified page

If two pages are practically identical, they probably don't need to exist as separate SEO pages.


Internal Link Quality Matters More Than Link Quantity

A page shouldn't contain 30 random internal links just because they are available.

Links should answer the next logical question.

For example:

Qibla question

Qibla Direction Guide

Exact Qibla Degrees

Qibla Compass

Or:

Missed Prayer

Qaza Guide

Prayer Resources

SabrTime Prayer Tools

The "SabrTime Blog" (https://sabrtime.in/blog/) provides many natural nodes for this type of contextual linking.


Mobile-First Architecture

SabrTime is designed around a mobile-first reality.

A situation page should ideally require:

  • minimal JavaScript
  • fast initial rendering
  • readable HTML
  • direct URLs
  • simple navigation
  • no unnecessary account wall
  • no intrusive advertising

The ideal journey is:

Open

Understand

Act

Not:

Open

Wait

Popup

Login

Navigate

Find answer


Progressive Enhancement

A useful principle for DeenGuide is:

HTML first

Content accessible

JavaScript enhances experience

rather than:

JavaScript loads

Application initializes

Content appears

For an information-heavy product, keeping the core content accessible makes the architecture easier to crawl, share and maintain.


Technical SEO Checklist

If I scale DeenGuide to hundreds of situations, every page should eventually pass a checklist like this:

[ ] Unique URL
[ ] Unique title
[ ] Unique meta description
[ ] One clear H1
[ ] Clear search intent
[ ] Useful answer near the top
[ ] Detailed explanation where necessary
[ ] Source references
[ ] Scholarly differences identified
[ ] Parent category link
[ ] DeenGuide link
[ ] Related situation links
[ ] Relevant blog links
[ ] Relevant tool links
[ ] Canonical URL
[ ] Crawlable HTML
[ ] Mobile-friendly layout
[ ] Fast rendering
[ ] Valid structured data where appropriate
[ ] Sitemap inclusion when indexable
[ ] No accidental noindex
[ ] No orphan page
[ ] No broken internal links

For technical validation, useful resources include "Google Search Central" (https://developers.google.com/search), "Google Search Console" (https://search.google.com/search-console/about), "PageSpeed Insights" (https://pagespeed.web.dev/) and "Schema.org" (https://schema.org/).


Structured Data Should Describe Reality

Structured data can help machines understand a page.

Depending on the actual content, potential types can include:

WebPage
Article
BreadcrumbList
FAQPage

But schema should describe content that genuinely exists on the page.

It shouldn't be used as a ranking shortcut.

The actual page content, information architecture, internal links, performance and source quality remain fundamental.


Search Console Can Become a Product Research Tool

One of the most interesting future possibilities is using search data to discover new situations.

Suppose Search Console shows queries such as:

what if I have no water for wudu
can I pray with a bandage
forgot how many rakah
missed salah what to do
can I make dua in english
qibla without internet

These aren't just SEO keywords.

They are product requirements.

The workflow becomes:

Search Query

User Problem

Potential Situation

DeenGuide Page

Supporting Guide

Tool / Action

This turns SEO data into product research.


The SabrTime Content Graph

At scale, the architecture could look like this:

                       SabrTime
                          │
         ┌────────────────┼────────────────┐
         │                │                │
     DeenGuide           Blog             Tools
         │                │                │
     Situations       Deep Guides      Prayer Times
         │                │             Qibla
         │                │             Tasbeeh
         │                │             Reflection
         └────────────────┼────────────────┘
                          │
                        Ebooks
Enter fullscreen mode Exit fullscreen mode

And individual content clusters can look like:

         QIBLA
           │
   ┌───────┼────────┐
   │       │        │
Basic    Degrees   Compass
   │       │        │
Region   Cities   Offline
   │       │        │
   └───────┼────────┘
           │
       Qibla Tool
Enter fullscreen mode Exit fullscreen mode

Or:

         SALAH
           │
   ┌───────┼─────────┐
   │       │         │
 Missed  Mistakes   Friday
   │       │         │
 Qaza    Sahw      Sunnah
   │       │         │
   └───────┼─────────┘
           │
      Prayer Tools
Enter fullscreen mode Exit fullscreen mode

Reflection and Sharing Can Add Another Layer

SabrTime also has a reflection-oriented product direction.

That introduces another possible user journey:

Situation

Guidance

Reflection

Reflection Card

Share

Return to SabrTime

The important technical principle is that the shareable artifact should point back to its canonical SabrTime resource.

That makes social sharing a distribution layer rather than creating disconnected content.


Ebooks Can Become the Long-Form Layer

SabrTime also has an ebook layer, including:

This creates another level:

Quick Situation

DeenGuide

Detailed Blog Guide

Long-form Ebook

Not every user needs the deepest level.

But users who do want more can continue naturally.


The Architecture Can Eventually Support Hundreds of Situations

Imagine:

5 major categories

50 situations

200 situations

500 situations

The goal isn't to end up with:

500 isolated URLs

The goal is:

Category

Situation

Related Situation

Deep Guide

Tool

Reflection

That is what makes the architecture scalable.


The Biggest Lesson

The biggest lesson from building DeenGuide isn't a particular meta tag or schema property.

It's architecture.

A useful web product needs three things working together:

User Intent
+
Information Architecture
+
Technical SEO

If one is missing, the system becomes weaker.

A technically perfect website with poor information architecture is difficult to use.

A useful product with poor crawlability is difficult to discover.

And a highly optimized website without genuinely useful content has nothing worth ranking for.


The Bigger Idea Behind DeenGuide

DeenGuide isn't really just a collection of Islamic answers.

Technically, it can become a:

Situation → Guidance → Source → Action knowledge graph.

The architecture can eventually look like:

              USER SITUATION
                    │
                    ▼
             ┌─────────────┐
             │  DeenGuide  │
             └──────┬──────┘
                    │
       ┌────────────┼────────────┐
       ▼            ▼            ▼
    SOURCES     SITUATIONS     GUIDES
       │            │            │
       └────────────┼────────────┘
                    ▼
              SabrTime Tools
                    │
                    ▼
                Reflection
                    │
                    ▼
                 Sharing
Enter fullscreen mode Exit fullscreen mode

The long-term objective isn't to create the largest number of pages.

It's to create the most useful connections between real-life questions, trustworthy sources, practical guidance and supporting resources.

That's the technical foundation I'm building DeenGuide on.


SabrTime Resource Map

Main Product

Prayer
-Missed Prayers / Qaza
-Sujood as-Sahw
-Sajdah Tilawah
-Friday Sunnah
-Adhan

Prayer Category
-Qibla
-Qibla Direction Guide
-Is Qibla East or West?
-Qibla Direction in Degrees
-Airplane Mode Qibla

Dua
-Duas for Anxiety
-Why Dua Isn't Answered
-Dua in English
-Dua Authenticity
-Everyday Duas
-Dua for Parents
-Istikhara

Quran
-Surah Al-Fatiha
-Surah Al-Ikhlas
-Surah Al-Mulk
-Surah Al-Kahf
-Ayyub (AS) and the Cold-Water Story

Tasbeeh & Dhikr
-Tasbeeh Guide
-Tasbeeh-e-Fatima
-Digital Tasbeeh Counter
-Daily Dhikr Habit
-Durood Tunajjina
-Durood on Friday

Long-Form Resources
-The Sabr Handbook
-New Muslim Starter Guide

Technical References
-Google Search Central
-Google Search Console
-PageSpeed Insights
-Schema.org
-MDN Web Docs
-web.dev

Final Takeaway

The interesting part of DeenGuide isn't simply that it answers Islamic questions.
The interesting part is the architecture behind it:

REAL-LIFE SITUATION

DEENGUIDE

SOURCE-BASED ANSWER

RELATED SITUATION

DEEP SabrTime GUIDE

PRACTICAL TOOL

REFLECTION

SHARE

That turns SabrTime from a collection of pages into a connected Islamic information and utility system.
And that's the direction I'm continuing to build toward.
SabrTime: sabrtime.in
DeenGuide: sabrtime.in/tools/deenguide.html

webdev #seo #technicalseo #javascript #html #pwa #webperformance #informationarchitecture #islamictech #buildinpublic #productdevelopment

Top comments (0)