📊 Lecture Slides
This module is divided into three 1-hour sessions:
- Session 2.1: Website Platforms & Structure (1 hour)
- Platform comparison (WordPress, Wix, Google Sites, Carrd)
- Essential page structure and homepage best practices
- Session 2.2: UX Principles & Basic SEO (1 hour)
- UX fundamentals and mobile-first design
- Basic SEO (keywords, title tags, meta descriptions)
- Session 2.3: Advanced SEO & Optimization (1 hour)
- Image optimization and internal linking
- Content quality and schema markup
💡 Click any session above to view full-screen presentation with navigation
Learning Objectives
- Compare website options (WordPress, Wix, Notion pages, Linktree-style landing)
- Structure a simple site (Home, About, Contact/CTA) with clear UX
- Apply basic on-page SEO (titles, meta descriptions, headings, internal links)
Key Concepts
Running example used in every module: Sajilo Momo, a small family momo shop near Tribhuvan University in Kirtipur that wants more student orders and repeat customers. The business is fictional; the figures are illustrative.
Choosing a platform
| Platform | Best for | Cost to start | Skill needed |
|---|---|---|---|
| WordPress.com | Blogs and sites that will grow | Free plan | Medium |
| Wix | Drag-and-drop small business sites | Free plan | Low |
| Google Sites | Simple information sites | Free | Very low |
| Carrd / link pages | One-page landing pages and link hubs | Free or low | Very low |
Essential structure
Every small business site needs, at minimum:
- Home: who you are, what you offer, and one main call to action (CTA) above the fold
- About: the story and people behind the business (builds trust)
- Products/Services or Menu: with prices where possible
- Contact: phone, WhatsApp, map, opening hours
UX principles
- Mobile first: most visitors use phones; test on a mid-range Android phone.
- One main CTA per page: for example, “Order on WhatsApp”.
- Speed: compress images (aim for under 200 KB each).
- Readability: large text, short paragraphs, high contrast.
On-page SEO basics
| Element | Guideline |
|---|---|
| Title tag | Under 60 characters; main keyword first |
| Meta description | 120–160 characters; benefit + CTA |
| H1 | One per page, describing the page topic |
| Image alt text | Describe the image in plain words |
| Internal links | Link related pages, such as Menu → Order |
Activities (Hands-on)
- Pick a platform and create a minimal site or landing page
- Add essential pages/sections: Home, About, Contact/CTA
- Implement on-page SEO:
- Title tag (< 60 chars) and meta description (120–160 chars)
- H1/H2 headings and keyword placement
- Image alt text and compressed images
- Internal links between pages
- Publish or prepare a shareable preview URL
Worked Example: Sajilo Momo Landing Page
Wireframe (top to bottom on mobile):
- Logo + “Order on WhatsApp” button
- Headline: Hot, Handmade Momo Delivered Near TU in 30 Minutes
- Photo of a steaming plate (compressed to 150 KB)
- Menu with prices (steam, fried, jhol; buff, chicken, veg)
- Three customer reviews
- Map, phone number, and opening hours
- Repeat the WhatsApp button
SEO settings:
-
Title tag: Sajilo Momo Kirtipur Momo Delivery Near TU - Meta description: Fresh steam, fried and jhol momo near Tribhuvan University. Student combos from Rs. 150. Order on WhatsApp for delivery in 30 minutes.
- H1: Hot, Handmade Momo Delivered Near TU in 30 Minutes
- Alt text: “Plate of steamed chicken momo with tomato achar”
Common Mistakes
| Mistake | Better approach |
|---|---|
| Huge photos that load slowly on mobile data | Compress images and use the right size |
| Contact details hidden on one page | Show phone/WhatsApp in the header or a sticky button |
| Title tag “Home” or “Welcome” | Use the main keyword and location in the title |
| Several competing buttons | One clear primary CTA per page |
Deliverables
- Live URL or preview link
- On-page SEO checklist filled for your site
Mini Rubric (10 pts)
Matches Assignment 2:
- Website structure & UX (4)
- SEO implementation (4)
- Professionalism (2)
Key Takeaways
- Choose a platform that matches your skills and future needs.
- Home, About, Menu/Services, and Contact are the essential pages.
- Design for mobile first, with one main CTA.
- Titles, meta descriptions, headings, alt text, and internal links are the basics of on-page SEO.
Exam-Style Questions
Short answer
- Name four website platforms suitable for small businesses.
- What is a call to action (CTA)?
- What is a meta description and what is its recommended length?
- Why is image alt text important?
Long answer / practical
- Design a landing page wireframe for a local business, with the title tag, meta description, and H1 you would use.
- Explain the UX and on-page SEO principles a small business website should follow.
