Managing Website Pages
Pages are the foundation of your website. Each page represents a unique URL where visitors can access specific content. Understanding how to create, organize, and optimize pages is essential for building an effective website that serves both visitors and search engines.
Access Page Manager: Go to Website → Site → Pages to see all pages, or click + New in the top bar while in Edit mode.
Understanding Page Types
The Website Builder supports several types of pages:
| Page Type | Description | Examples |
|---|---|---|
| Static Pages | Manually created pages with custom content | Home, About, Contact, Services |
| Dynamic Pages | Auto-generated from backend data | Product pages, Blog posts, Events |
| System Pages | Built-in pages for specific functions | Login, Cart, Checkout, 404 Error |
| Landing Pages | Standalone pages for campaigns | Promo pages, Sign-up pages |
Creating New Pages
Method 1: From Page Manager
- Navigate to Website → Site → Pages
- Click Create or New
- Enter the page name
- Choose a template (blank or pre-designed)
- Click Create
- The page opens in Edit mode
Method 2: From Website Editor
- Click Edit on any page
- Click + New in the top toolbar
- Select Page from the dropdown
- Enter page name and URL
- Start building with blocks
Method 3: Duplicate Existing Page
- Go to Website → Site → Pages
- Find the page to duplicate
- Click the action menu (three dots)
- Select Duplicate
- Rename and modify as needed
Page Properties
Each page has configurable properties that control its behavior and appearance:
Basic Properties
| Property | Description | Best Practice |
|---|---|---|
| Page Name | Internal name shown in menus and admin | Clear, descriptive name |
| URL/Slug | The page address (e.g., /about-us) | Short, lowercase, hyphenated |
| Published | Whether page is visible to public | Unpublish while editing major changes |
| Indexed | Allow search engines to index | Enable for public content |
Accessing Page Properties
- While editing, click the gear icon (Page Properties)
- Or go to Website → Site → Pages and click on a page
URL Structure Best Practices
URL Guidelines
| Do | Do Not |
|---|---|
| Use lowercase letters | Use UPPERCASE or MixedCase |
| Separate words with hyphens: /about-us | Use underscores: /about_us |
| Keep URLs short and descriptive | Use long strings of numbers or codes |
| Include keywords naturally | Stuff keywords unnaturally |
| Use consistent structure | Have random URL patterns |
URL Examples
| Good URL | Bad URL |
|---|---|
| /services | /page123 |
| /services/web-design | /services/web_design_services_company |
| /contact | /Contact-Us-Page |
| /blog/seo-tips | /blog?id=456&cat=7 |
Page SEO Settings
Optimize your pages for search engines with proper SEO configuration:
SEO Properties
| Setting | Purpose | Recommendation |
|---|---|---|
| Page Title | Browser tab and search result title | 50-60 characters, include keywords |
| Meta Description | Search result snippet text | 150-160 characters, compelling summary |
| Meta Keywords | Related keywords (less important now) | 5-10 relevant keywords |
| Indexed | Allow search engine indexing | Enable for public pages |
| Canonical URL | Preferred URL version | Set if duplicate content exists |
Setting SEO Properties
- Edit the page and click the gear icon
- Go to the Optimize or SEO tab
- Fill in title, description, and keywords
- Set indexing preference
- Save changes
SEO Best Practices
- Page Title: "Primary Keyword | Secondary Keyword | Brand Name"
- Meta Description: Include call-to-action and value proposition
- H1 Tag: One per page, matching page topic
- Image Alt Text: Describe images for accessibility and SEO
- Internal Links: Link to related pages on your site
Page Visibility and Access
Visibility Options
| Setting | Who Can View | Use Case |
|---|---|---|
| Published | Everyone | Public content |
| Unpublished | Editors and admins only | Work in progress |
| Members Only | Logged-in users | Exclusive content, documentation |
| Specific Groups | Users in selected groups | Partner content, premium features |
Setting Page Visibility
- Edit the page
- Click the visibility toggle in the top bar
- Or access Page Properties → Visibility
- Choose the appropriate access level
Organizing Pages
Page Hierarchy
Create a logical page structure using parent-child relationships:
- Parent Pages: Main sections (e.g., Services, Products)
- Child Pages: Sub-sections under parents (e.g., Services/Web-Design)
- URLs reflect hierarchy: /services/web-design
Setting Parent Pages
- Go to Website → Site → Pages
- Select the child page
- In page properties, set the Parent Page
- The URL will update to reflect the hierarchy
Menu vs. Page Structure
| Aspect | Page Structure | Menu Structure |
|---|---|---|
| Purpose | URL organization | Navigation organization |
| Affects URL | Yes | No |
| Independence | Fixed by parent-child | Can be arranged freely |
| SEO Impact | Direct impact | Indirect (usability) |
Special Pages
Homepage
Set your homepage:
- Go to Website → Configuration → Settings
- Find Homepage setting
- Select the page to use as homepage
- Save
404 Error Page
Customize the page shown when URLs are not found:
- Search for the 404 page in Page Manager
- Edit to add helpful content
- Include links to popular pages
- Add search functionality
Redirect Pages
Create redirects for changed URLs:
- Go to Website → Configuration → Redirects
- Click Create
- Enter old URL and new URL
- Choose redirect type (301 permanent, 302 temporary)
Page Templates
Using Templates
Start new pages with pre-designed templates:
- When creating a new page, browse template options
- Templates include common layouts (About, Contact, Services)
- Select a template to start with that structure
- Customize content and styling
Saving Custom Templates
Save your designs as templates for reuse:
- Design a page with desired layout and blocks
- Go to Page Properties
- Click Save as Template
- Name your template
- Access it when creating new pages
Page Performance
Loading Speed Optimization
- Images: Optimize file sizes, use appropriate formats
- Videos: Use thumbnails, lazy load videos
- Blocks: Remove unused blocks and code
- Fonts: Limit custom fonts loaded
- Scripts: Minimize external scripts
Mobile Optimization
- Test all pages on mobile devices
- Ensure content is readable without zooming
- Check that buttons and links are tappable
- Verify images scale properly
Managing Multiple Pages
Bulk Actions
In the Page Manager, select multiple pages for bulk actions:
- Publish/Unpublish: Change visibility for multiple pages
- Delete: Remove multiple pages at once
- Export: Export page data
Page Search and Filters
Find pages quickly using:
- Search: By page name or URL
- Filter by status: Published, Unpublished
- Filter by type: Static, Blog, Product
- Sort: By name, date, or URL
Page Analytics
Track page performance with analytics:
- Page Views: Total visits to each page
- Unique Visitors: Individual users per page
- Bounce Rate: Visitors who leave immediately
- Time on Page: Average viewing duration
Best Practices Summary
Page Creation Checklist
- ☐ Clear, descriptive page name
- ☐ SEO-friendly URL (short, lowercase, hyphenated)
- ☐ Compelling page title (50-60 chars)
- ☐ Informative meta description (150-160 chars)
- ☐ Proper heading hierarchy (H1, H2, H3)
- ☐ Images with alt text
- ☐ Internal links to related pages
- ☐ Mobile-responsive layout
- ☐ Fast loading time
- ☐ Published when ready
Common Mistakes to Avoid
- Creating orphan pages (not linked from anywhere)
- Duplicate content across multiple pages
- Missing or generic meta descriptions
- Very long or cryptic URLs
- Publishing unfinished pages
- Forgetting to set up redirects when changing URLs
- Not testing pages on mobile devices