Site Health for Editors: SEO, Images, Accessibility, and Performance
A healthy website isn’t just the web admin’s responsibility — it starts with good editorial habits. This course gives you the knowledge to make choices that help your site rank in search, load fast, and be accessible to every visitor.
What you’ll learn:
- SEO basics you can act on right now — titles, descriptions, headings, and alt text
- How to optimize images before uploading so your site stays fast
- What accessibility means for your content and how to write for all readers
- Your role in site performance and what you can control as an editor
- A monthly checklist to keep your site healthy without needing technical skills
This course is all signal, no fluff.
Module 1: SEO Basics
What Is SEO and Why It Matters
SEO stands for Search Engine Optimization. In simple terms, it’s the practice of helping Google understand what your website is about so it can show your pages to people searching for exactly what you offer. If a parent in your city searches ‘youth soccer near me’ or ‘how to register for spring soccer’, SEO is what makes your league website show up in those results.
Why This Matters for Your League
Your website is only useful if people can find it. Most people searching for your league won’t go to Google and type in your exact URL — they’ll search for something like ‘soccer league in Lakewood’ or ‘U12 girls soccer registration.’ If your site isn’t optimized for those searches, you’re invisible.
Good SEO means parents find you organically. That drives registrations, increases attendance, and reduces the burden on your marketing team. SEO is not magic — it’s just being clear and helpful.
The Three Things Editors Control
1. Page Titles
Your page titles are the first place Google looks to understand what a page is about. A vague title like ‘Schedule’ does nothing. A specific title like ‘Spring 2026 Soccer Schedule — Lakewood Youth League’ tells both Google and visitors exactly what they’re getting.
2. Written Content
The actual words on your pages matter. Google reads them to understand context. If you’re writing about registration, use the word ‘registration’ naturally in your text — don’t force it, but don’t avoid it either. Use clear, descriptive language.
3. Image Alt Text
Every image you upload should have alt text — a written description. Google can’t ‘see’ images, but it can read alt text. A photo of your U10 team with alt text that says ‘U10 boys soccer team at Spring 2026 championship, Lakewood Youth League’ helps Google understand the page context and makes your site visible in Google Images too.
What You Don’t Control
There are parts of SEO that require admin access or are beyond an editor’s control: domain authority (how trusted your domain is), backlinks (other sites linking to you), and technical SEO (site speed, security certificates, XML sitemaps). Don’t worry about these — your focus is clear titles, good content, and image descriptions.
💡 Tip: You don’t need to be an SEO expert. Writing clearly, using the right keywords naturally, and filling in the fields covered in this module puts you ahead of most small organization websites.
Module 1: SEO Basics
Writing Good Page Titles
Your page title is the most important SEO field on any page. It’s the text that appears at the top of the browser tab and in Google search results. A strong title is specific, keyword-rich, and under 60 characters — it tells both Google and visitors exactly what the page is about.
Where the Page Title Lives
In WordPress, the page title is the first field at the top of the page editor. In BeaverBuilder, you’ll see a field labeled ‘Page Title’ or just the text at the very top of the editor. This is different from the H1 heading (the large title inside the page content). When you change the page title, it changes the browser tab and search results.
What Makes a Good Title
Specific: It says exactly what the page is about, not vague or generic.Keyword-rich: It includes words people actually search for.Under 60 characters: Google truncates longer titles in search results.Readable: It should sound natural to a human, not stuffed with keywords.
Weak vs. Strong Examples
- Weak: ‘Schedule’ — Too generic. No context.
- Strong: ‘Spring 2026 Soccer Schedule — Lakewood Youth League’ — Specific, includes keywords (schedule, Spring 2026, youth league, location).
- Weak: ‘Page’ — Meaningless.
- Strong: ‘U12 Girls Soccer Team Registration & Fees’ — Clear, specific, keyword-rich.
How to Edit the Title on an Existing Page
Navigate to the page you want to edit.Look at the very top of the editor — you’ll see the page title field.Click on it and rewrite the title to be more specific and keyword-rich.Click Update to save your change. Test it: go to the live page, right-click on the browser tab, and check what the title now shows.
📝 Note: Page titles and Yoast SEO titles are different. This tutorial covers the WordPress page title. Yoast titles (the SEO title in Yoast’s meta box) are covered in the next tutorial.
Module 1: SEO Basics
Writing Meta Descriptions with Yoast SEO
The meta description is the short text that appears under your page title in Google search results. It’s your chance to tell a visitor why they should click your page. The Yoast SEO plugin gives you a simple box at the bottom of each page where you can write this description.
What a Meta Description Is
When someone searches for ‘youth soccer registration near me’ and your page appears, the meta description is that 2–3 line snippet below the title. It only appears in search results and tells the searcher why they should click.
Where to Find the Yoast Box
Scroll to the bottom of your page editor. You’ll see a Yoast SEO box with a preview showing how your page looks in Google search results. The meta description field is in that box.
The Snippet Preview
Right above the Meta Description field is a live preview showing exactly how your page appears in Google. As you type, the preview updates, letting you see if your text fits or gets cut off.
Ideal Length and What to Write
Google displays 150–160 characters on desktop, about 120 on mobile. Write as if you’re telling a parent why they should click your page.
- Bad: ‘This is the registration page.’
- Good: ‘Register for Spring 2026 soccer. U10–U18 leagues. All experience levels. Early registration discount available.’
What Happens If You Leave It Blank
Google will write one for you — usually the first 150 characters of your page content. This often results in poor descriptions that don’t entice clicks. Spend 30 seconds writing a good one.
💡 Tip: Write the meta description as if you’re telling a parent why they should click your page. Be specific and mention a key benefit.
Module 1: SEO Basics
How Heading Structure Affects SEO
Headings are more than just formatting — they create a hierarchy that helps Google understand the structure and importance of your page content. If your headings are out of order or inconsistent, Google gets confused about what matters.
What Headings Are and Why They Matter
Every page has a hierarchy of headings:
H1 (Heading 1) = The main title of the page. Usually only one per page.H2 (Heading 2) = Major section titles.H3 (Heading 3) = Subsection titles under an H2.H4, H5, H6 = Deeper levels (rarely used on league websites).
This hierarchy tells Google what the page is about at a glance. An H1 followed by H2s tells Google ‘Here’s the main topic, and here are the major sections.’ If you jump from H1 straight to H3, Google gets confused.
The Golden Rule: One H1 Per Page
Your page should have exactly one H1. This is usually the page title or the main heading visible at the top of the content. After that H1, use H2s for major sections, and H3s for subsections within those sections. Don’t use a lower heading level (like H3) without having a higher level (like H2) first.
What Editors Must NOT Do
In BeaverBuilder, when you click on a heading module and then the Style tab, you’ll see an option to change the heading level. Do not change this. If a heading is set to H2, leave it as H2. Changing heading levels breaks the page structure and confuses Google.
If you need a heading to look smaller or larger, talk to your web admin about custom CSS — never change the heading level for visual reasons.
What Editors CAN Do
You can rewrite the text of a heading. You can change ‘Spring Schedule’ to ‘Spring 2026 Soccer Schedule.’ You can make the text more keyword-rich. You just can’t change the heading level (H1 to H2, H2 to H3, etc.).
⚠️ Warning: Changing a heading level in BeaverBuilder’s Style tab affects SEO and page structure. Don’t do it. If a heading looks wrong, contact your web admin.
Module 1: SEO Basics
Alt Text: Good for SEO, Essential for Accessibility
Alt text (short for ‘alternative text’) is a written description of what’s in an image. It serves two critical purposes: accessibility (people using screen readers), and search engine optimization (Google Images, SEO). Writing good alt text takes 15 seconds and makes a huge difference.
Why Alt Text Matters: Two Reasons
1. Accessibility (Screen Readers)
Some of your visitors are visually impaired and use screen readers — software that reads web pages aloud. When they visit your site, the screen reader reads the alt text for every image. Without alt text, they hear nothing. With good alt text, they understand context. This is a legal accessibility requirement in many countries.
2. Google Image Search & SEO
Google can’t ‘see’ images the way humans do. It reads alt text to understand what an image contains. Good alt text helps your images rank in Google Images (a real source of traffic for local sports leagues) and helps Google understand your page’s context.
The Formula for Good Alt Text
Think of alt text as answering three questions: What? (what’s in the image), Who? (who or what is it), and Context? (when or where).
Example: ‘U12 girls soccer team celebrating at championship game, Spring 2026, Lakewood Youth League.’
This is specific, descriptive, and gives Google and screen reader users full context.
What Bad Alt Text Looks Like
‘image1.jpg’ or ‘photo.jpg’ — The file name, not a description.’photo’ or ‘image’ — Too vague.’click here’ — Doesn’t describe the image.Empty — No alt text at all.
The Rule: Every Image Needs Updated Alt Text
When you upload a new image, WordPress automatically assigns alt text (usually the file name). You must change this. When you swap an old image for a new one in BeaverBuilder, make sure the alt text matches the new image, not the old one. If you inherit a page with outdated images, fix the alt text.
How to Edit Alt Text in BeaverBuilder
Click on the image in BeaverBuilder.Look for an ‘Edit Image’ button or icon (usually a pencil).Find the ‘Alt Text’ field.Write a clear, descriptive alt text using the formula above.Save.
💡 Tip: Google Images is a real source of traffic for local sports leagues. Parents search for ‘soccer teams near me’ and click on images. Good alt text helps your team photos show up in those searches.
Module 2: Image Optimization
Why Image Optimization Matters
Image optimization means reducing an image’s file size without losing visible quality. Oversized images are the #1 cause of slow WordPress sites — and they’re 100% within an editor’s control. Optimizing images before uploading is the single most impactful thing you can do for your site’s performance.
How Large Images Slow You Down
When a visitor loads your page, their browser has to download every image on that page. A large image (3–8 MB) takes much longer to download than an optimized one (100–300 KB). The larger the images, the longer the page takes to load.
Why Speed Matters: SEO and User Experience
SEO Impact
Google ranks faster sites higher in search results. Page speed is a ranking factor. A slow site loses SEO points.
User Experience Impact
Studies show that 40% of visitors leave a website if it takes more than 3 seconds to load. A 5-second load time causes 90% of visitors to abandon the page. If your pages are slow because of images, you’re losing potential registrations and engagement.
The Common Culprit: Phone Photos
Most oversized images come from uploading photos directly from phones. Modern smartphones take photos that are 12–48 megapixels and 3–8 MB in file size. These are way larger than necessary for a website. A typical web image should be 1200 pixels wide and 100–300 KB.
The Goal
Most images: under 200 KBHero images (large banner photos): under 500 KBThumbnail images: under 100 KB
Staying within these sizes means pages load in 2–3 seconds instead of 10–15.
💡 Tip: A 5-second load time causes 90% of visitors to leave. Image optimization is the single most impactful thing editors can do for site performance.
Module 2: Image Optimization
Free Tools for Compressing Images
You don’t need expensive software to optimize images. Three free, browser-based tools do the job beautifully. Bookmark all three and pick your favorite.
1. Squoosh (squoosh.app) — Our Top Pick
Squoosh is made by Google and is perfect for one-off image optimization. You upload an image, adjust the quality slider, and download the optimized version. The best part: it shows you the file size before and after so you can see exactly how much you’re saving.
How to Use Squoosh
Go to squoosh.app in your browser.Click ‘Select an image’ and choose the image from your computer.On the right side, you’ll see sliders for quality.Set the output format to WebP or JPG (WebP is newer and compresses better, but not all browsers support it — JPG is safer).Reduce the quality slider to about 80%. Watch the file size drop on the left.Click ‘Download’ to save the optimized image.
Typical result: a 4 MB phone photo becomes 150–300 KB.
2. TinyPNG (tinypng.com) — Best for Bulk
TinyPNG (despite the name, it handles JPGs and PNGs) is drag-and-drop easy and great if you’re optimizing multiple images. Free tier is 20 images per month. Upload images, and it compresses them automatically without visible quality loss.
How to Use TinyPNG
Go to tinypng.com.Drag and drop up to 20 images into the box (free tier).It compresses them automatically.Download your compressed images as a zip file.
3. Canva (canva.com) — If You’re Also Resizing
Canva’s free tier is useful if you’re resizing images for social media or cropping for different aspect ratios. It’s not as specialized for compression as Squoosh, but it’s great if you need to resize and optimize in one step.
Pro Tip: Do This Before Uploading
Optimize images before you upload them to WordPress. Once they’re in your Media Library, WordPress doesn’t help much with optimization. Spend 30 seconds on Squoosh now, save time and performance later.
💡 Tip: Bookmark Squoosh — it’s the fastest and shows you exactly how much quality you’re trading for file size savings. Use it as your default tool.
Module 2: Image Optimization
What to Do with Phone Photos Before Uploading
Phone photos are the most common source of oversized images on league websites. This tutorial is the exact workflow you should follow every time you want to upload a photo from your phone.
Why Phone Photos Are Too Large
Modern smartphones have 12–48 megapixel cameras. A typical photo straight from your phone is 3–8 MB. For comparison, a good web image is 1200 pixels wide and 150–300 KB. That’s 10–50 times smaller.
The Workflow: Resize + Compress
Step 1: Resize to Web Width
Open Squoosh. Upload your phone photo. On the left side, you’ll see the original dimensions. You want to resize to 1200 pixels wide maximum (or 1600 for hero images). Most web images are 1200px wide, which is plenty of detail for a website.
Step 2: Compress by Adjusting Quality
On the right side, reduce the quality slider to about 75–85%. Watch the file size drop on the left. You’re looking for a file size between 100–300 KB. Your eyes won’t notice the difference at that quality level, but the file will be 50 times smaller than the original.
Step 3: Choose the Right Format
Squoosh gives you format options: WebP, JPG, PNG. JPG is the safest choice — it’s compatible with all browsers. WebP is newer and compresses slightly better, but not all old browsers support it.
Step 4: Download
Click Download and save the file to your computer with a descriptive name.
The Naming Rule: Do It BEFORE Upload
WordPress doesn’t let you rename files after upload. So rename your file before uploading. Instead of ‘IMG_4823.jpg,’ save it as ‘u10-boys-team-spring2026.jpg’ or ‘coach-john-practice-april.jpg.’ Descriptive names help with SEO and make your Media Library searchable.
The Complete Checklist
Take photo on phone.Open Squoosh.app.Upload the photo.Resize to 1200px wide.Adjust quality to 75–85% (target: 100–300 KB).Download.Rename the file (e.g., ‘u12-girls-championship-april2026.jpg’).Upload to WordPress Media Library.Add alt text.
💡 Tip: Rename the file BEFORE uploading — you can’t rename files in the WordPress Media Library after the fact. A good file name helps with SEO and keeps your library organized.
Module 2: Image Optimization
Organizing Your Media Library
The WordPress Media Library is where every image, PDF, and video you’ve ever uploaded lives. Without organization, it becomes a nightmare: duplicate files, mysterious names, no way to find anything. A few simple habits keep it clean.
What the Media Library Is
Go to Media > Library in your WordPress dashboard. You’re looking at every file ever uploaded to your site: images, documents, videos. Each file has a URL, metadata, and usage information.
Common Problems (and How to Avoid Them)
Duplicate Files
The same team photo uploaded five times under different names. Solution: search the library before uploading. If the image is already there, use it. Don’t upload it again.
Mystery File Names
Files named ‘IMG_4823.jpg’ or ‘photo.jpg.’ You have no idea what they are. Solution: rename every file with a descriptive name before uploading.
Outdated Images
Old season photos still in the library that no one uses. Solution: regularly review and delete unused files (see below).
Best Practices for Uploads
Search first: Before uploading, go to Media > Library and search for the image by name. If it exists, use it instead of uploading a duplicate.Name descriptively: ‘u12-boys-team-spring2026.jpg’ not ‘IMG_4823.jpg.’Upload once: One good version of each image, not ten mediocre ones.
How to Find Images in Your Library
Go to Media > Library. Use the search box in the top right to search by file name or partial name. You can also filter by type (Images, Documents, Videos, Audio) using the dropdown at the top left.
Deleting Unused Files
Old season photos you no longer use should be deleted to keep the library clean. Before deleting, confirm the file isn’t used anywhere on the site. Deleting an image from the Media Library breaks every page that uses it.
If you’re unsure, hover over the image in the library and look for a ‘Attached to’ line. If it says ‘Unattached,’ it’s safe to delete. If it’s attached to a page, check that page first — do you still need the image? If not, you can delete it (the page will show a broken image, but the admin can add a replacement).
⚠️ Warning: Deleting a file from the Media Library permanently removes it AND breaks any page that uses it. Always confirm a file is not in use before deleting. When in doubt, ask your web admin.
Module 3: Accessibility & Content Quality
Writing Accessible Link Text
Link text is the visible, clickable words in a link. ‘Click here’ is bad link text. ‘Spring 2026 Schedule’ is good link text. Here’s why it matters and how to write good link text.
Why Link Text Matters: Screen Readers
Some of your visitors use screen readers — software that reads web pages aloud. Screen readers often list all links on a page, reading only the link text, not the surrounding context.
Imagine a list of links that says: ‘click here, click here, click here, read more, read more, read more.’ Useless. Now imagine: ‘Spring 2026 Schedule, U10 Registration, Coach Application, Volunteer FAQ, Team Roster, Contact Us.’ Immediately clear.
Examples: Bad Link Text vs. Good
- Bad: ‘click here’, ‘read more’, ‘this page’, ‘link’
- Good: ‘Spring 2026 Schedule’, ‘U10 Registration Form’, ‘Coach Application’
- Bad: ‘For more info, click here.’
- Good: ‘Learn more about our U12 program.’ (the whole phrase is the link)
How to Write Good Link Text
The rule: Link text should describe the destination or the purpose of the link. If someone read only the link text, they should understand where it goes or what it does.
How to Edit Link Text in BeaverBuilder
Click on a text module in BeaverBuilder to edit it.Highlight the link text you want to change.Click the ‘link’ button (usually a chain icon in the toolbar).Change the link text in the dialog that appears.Confirm, and save the module.
Bonus: SEO Benefit
Google uses link text to understand where the link goes and what the destination page is about. Good, descriptive link text is good for SEO too.
💡 Tip: If your link says ‘click here,’ change it. It takes 10 seconds and makes your site meaningfully more accessible to everyone, including people using screen readers.
Module 3: Accessibility & Content Quality
Understanding Color Contrast (and Why It’s Not Your Job to Fix It)
Color contrast is the difference in brightness between text color and background color. Low contrast makes text hard to read — especially for people with visual impairments. This is a legal accessibility requirement. You can’t fix it as an editor, but you can spot it and report it.
What Color Contrast Is
Imagine dark gray text on a medium gray background — it’s hard to read because the brightness levels are too similar. That’s low contrast. Black text on a white background is easy to read — that’s high contrast.
Why It Matters
Accessibility
People with color blindness or low vision need high contrast to read. Low contrast text is impossible for them.
Usability
High contrast text is easier for everyone to read, especially on phones or in bright sunlight.
Legal Requirement
WCAG (Web Content Accessibility Guidelines) require a contrast ratio of at least 4.5:1 for normal text. In many countries, this is a legal requirement.
How to Spot a Potential Contrast Issue
Use the ‘squint test’: look at text on your page and squint. If it’s hard to read when squinting, it likely fails contrast. A better option: use a browser extension like WAVE or Lighthouse to check contrast ratios (your web admin can do this).
What Editors Should NOT Do
Do not fix contrast by changing text color or background color. Colors are set in the theme or by your web admin for a reason. Changing them breaks the design and can introduce new contrast problems.
What Editors SHOULD Do
If you spot a contrast issue, take a screenshot. Note the URL of the page.Write down what you expected to see vs. what you saw.Send this info to your web admin with the subject line ‘Contrast Issue on [Page Name].’Let them fix it — this is admin territory.
⚠️ Warning: Color contrast is a legal accessibility requirement in many countries. If you spot an issue, report it promptly to your web admin. Don’t try to fix it yourself.
Module 3: Accessibility & Content Quality
Writing for All Readers
Accessible writing isn’t about dumbing down your content — it’s about being clear, friendly, and respectful of your readers’ time. Use plain language, short sentences, and real words. Your audience is busy parents and coaches, not English professors.
Plain Language: Aim for an 8th-Grade Reading Level
Your audience is parents, coaches, and kids. None of them want to decipher jargon. Write like you’re explaining something to a friend.
Jargon: ‘Utilize our digital registration portal to facilitate enrollment in the nascent season.’
Plain English: ‘Sign up for the spring season on our website.’
Short Sentences and Paragraphs
Long sentences are hard to read and understand. Aim for sentences under 15–20 words. Paragraphs should be 2–4 sentences max. Shorter text is easier for everyone, especially people with reading difficulties or people reading on phones.
Avoid Jargon and Acronyms
If you must use an acronym (like ‘U12’ for Under 12), explain it the first time: ‘U12 teams (Under 12 years old).’ Better yet, just use the full phrase: ‘teams for 12-year-olds.’
Use Active Voice
Passive: ‘The application is required to be submitted by March 1.’
Active: ‘You must submit your application by March 1.’
Avoid ALL CAPS
Screen readers read ALL CAPS letter by letter: ‘U… D… I… S… T… R… I… C… T.’ Use normal capitalization.
Avoid Italics for Long Passages
Italicized text is harder to read, especially for people with dyslexia. Use bold instead for emphasis, and keep it to short phrases.
Use Real Words for Dates
Hard to understand: ‘2/15/26’
Clear: ‘February 15, 2026’ or ‘February 15’
The Reading Aloud Test
Read your text aloud before publishing. If you stumble, rewrite it. If you sound stiff or awkward, rewrite it. This is the best test of clarity.
💡 Tip: Reading your text aloud is the single best test for clarity. If you stumble reading it, your readers will stumble too. Rewrite it.
Module 4: Site Performance
What Is Page Speed and Why Does It Matter?
Page speed is how long it takes for a page to load in a browser — from the moment someone clicks a link until the page is usable. A fast page (under 3 seconds) keeps visitors. A slow page (5+ seconds) causes them to leave. This matters for SEO and user experience.
Why Page Speed Matters
SEO (Search Rankings)
Google’s algorithm prioritizes faster sites. Two pages with the same content — one loading in 2 seconds, one in 8 seconds — Google will rank the faster one higher. Page speed is a ranking factor.
User Experience
Studies show 40% of users leave a website if it takes more than 3 seconds to load. A 5-second page causes 90% to abandon it. If parents searching for your league find you, they expect your site to load fast.
How to Measure Page Speed
Use Google PageSpeed Insights (pagespeed.web.dev). It’s free and shows you how fast your pages load.
How to Use It
- Go to pagespeed.web.dev.
- Paste in the URL of one of your pages.
- Click Analyze.
- You’ll get a score (0–100) and a list of suggestions.
Understanding Your Score
90–100: Excellent. Keep doing what you’re doing.50–89: Good but could be better. There are actionable fixes.Under 50: Slow. Significant improvements needed.
Core Web Vitals (A Quick Mention)
You’ll see three metrics called Core Web Vitals — these are Google’s three main performance measurements. Don’t worry about learning them deeply. Just know that a good page speed score means your Core Web Vitals are probably fine.
What You Can and Can’t Fix
Some suggestions on a PageSpeed report require a developer (minifying code, server optimization, caching). But large images are usually the biggest culprit and are fully in your control as an editor. Optimize images, and your score improves.
💡 Tip: You can’t fix everything on a PageSpeed report — some issues require a developer. But knowing your score helps you have a useful conversation with your web admin about priorities.
Module 4: Site Performance
What Slows Down a WordPress Site
Several factors can slow down a WordPress site. Some are in editors’ control. Most are not. Understanding the difference helps you know where to focus your effort and what to report to your web admin.
Large Unoptimized Images (In Your Control)
This is the #1 culprit for slow league websites. Phone photos uploaded without resizing or compression. You fully control this: optimize before uploading. Pages with unoptimized images can take 15–30 seconds to load instead of 2–3.
Too Many Plugins (Admin Territory)
Every plugin adds code and database queries. If your site has dozens of plugins, some of them slow, pages suffer. This is admin territory — you don’t install or disable plugins.
Unoptimized Database (Admin Territory)
WordPress stores data in a database. Over time (especially with lots of posts and revisions), the database can become inefficient. A web admin can optimize it using tools. Editors can’t touch this.
No Caching Plugin (Admin Territory)
A caching plugin stores ‘snapshots’ of pages so they load faster on repeat visits. Most sites should have this. It’s an admin decision.
Cheap or Overloaded Hosting (Admin Territory)
If your hosting server is slow or underpowered, nothing you do as an editor will fix it. This is between your organization and the hosting company.
Embedded Third-Party Content (Not Usually Editor Territory)
Social media feeds, Google Maps, third-party forms — these load content from outside servers. They can slow your pages. You might embed these, but fixing the slowdown usually requires developer help (lazy loading, optimization).
The Bottom Line for Editors
Of all these factors, large images are the one thing editors fully control. That’s why image optimization is covered so extensively in this course. If the site suddenly got slower and you didn’t upload new images, contact your web admin — something may have changed on their end.
💡 Tip: Of all the causes of slow sites, large images are the one editors fully control. Optimize images, and you’ve made the biggest performance impact possible at the editor level.
Module 4: Site Performance
What Editors Can Do to Help Site Performance
While most site performance work falls to developers and admins, editors have real leverage. These habits directly affect the speed and experience every visitor has.
1. Always Optimize Images Before Uploading
This is the biggest win. Resize to 1200px wide, compress to 75–85% quality, keep file sizes under 300 KB. One optimized image is worth more than 100 admin fixes.
2. Use Descriptive File Names
File names matter for CDN caching and organization. ‘u12-girls-championship-april2026.jpg’ is better than ‘IMG_4823.jpg.’
3. Don’t Upload Duplicate Files
Search your Media Library before uploading. If the image is already there, use it. Don’t upload it again.
4. Remove Unused Images from Pages
When you update a page, remove images you no longer use. In BeaverBuilder, delete the image modules. Fewer images = faster pages.
5. Keep Page Content Focused
Extremely long pages with dozens of images and blocks load slower. If you’re creating a page with 50+ images, consider splitting it into two pages. Editors often don’t think about this, but it matters.
6. Report Performance Anomalies
If a page suddenly feels slow and you didn’t upload new images, contact your web admin. Include the page URL and a note: ‘The [page name] page is loading much slower than it did last month.’
Think of Yourself as a Performance Partner
Your habits with images and content directly affect every visitor’s experience. You’re not alone in maintaining performance — you’re partnering with your web admin. They handle server optimization and plugins; you handle images and content.
💡 Tip: Think of yourself as a performance partner with your web admin. Your habits with images and content directly affect the experience of every visitor.
Module 5: Editor Responsibilities
Understanding WordPress Update Notifications
When you log into your WordPress dashboard, you might see red notifications at the top: ‘WordPress 6.5.2 is available’ or ‘5 plugins have updates.’ These notifications are important. But here’s the critical rule: editors never click Update. Contact your web admin instead.
What These Notifications Mean
- WordPress updates: The WordPress core software has a new version with bug fixes, security patches, or new features.
- Plugin updates: A plugin you’re using has a new version.
- Theme updates: Your theme has a new version.
All of these are usually important for security and stability.
Why Updates Matter
- Security: Most updates include security patches. Outdated plugins are a major vulnerability.
- Bug fixes: Updates fix known problems.
- Compatibility: New versions are tested to work together. Old versions sometimes conflict.
Why Editors Must NOT Click Update
Updates can sometimes break things. Maybe a plugin update conflicts with your theme. Maybe a WordPress update changes how a feature works. When this happens, you need a backup and a plan to roll back. Your web admin handles this in a controlled way:
- They back up the site.
- They update in a staging environment first (a test copy).
- They test that everything still works.
- Then they update the live site.
If you click Update on the live site without a backup and something breaks, you’ve just broken the site for every visitor. That’s why this is admin-only.
What to Do Instead
You see an update notification.You take a screenshot or note the details.You send an email or message to your web admin: ‘Hey, I’m seeing WordPress 6.5.2 available. Should I have you update it?’Let them handle it when they’re ready.
⚠️ Warning: It may be tempting to click ‘Update All’ when you see notifications. Don’t. It takes 30 seconds to send your web admin a message and could save hours of cleanup if something breaks.
Module 5: Editor Responsibilities
The Editor’s Monthly Site Health Checklist
You don’t need to be a developer to keep your site healthy. A few minutes each month — a quick checklist of things to look for — prevents small issues from becoming big problems. Bookmark this tutorial and use it at the start of every month.
Monthly Tasks (15 Minutes)
1. Check That Key Pages Load Correctly
Visit your home page, registration page, schedule, and contact page. Do they load? Do images show up? Are there any broken elements or 404 errors (missing pages)?
2. Look for Broken Images or Missing Content
Scroll through your pages. Watch for images that didn’t load (showing the broken image icon) or content that looks weird.
3. Confirm Upcoming Events Are Posted and Accurate
Check your schedule and news feed. Are this month’s games and events listed? Are the dates, times, and locations correct? Nothing damages credibility like outdated information.
4. Verify Registration Status Is Current
Check your registration page. Is the status accurate? (Open, Closing Soon, Closed?) If registration closed, have you updated the status? Nothing is more frustrating than trying to register when registration is actually closed.
5. Review Your News Feed
Look at your news and announcements. Archive (or delete) anything older than one season. A news feed full of year-old posts looks abandoned.
6. Spot-Check Two or Three Pages on Mobile
Pull out your phone. Visit your site like a parent would. Click a few pages. Do they load? Do images show? Is text readable? Does it feel fast?
When You Notice Something Wrong
Take a screenshot. Show exactly what you’re seeing.Note the URL. Which page?Write down what you expected vs. what you saw. ‘I expected to see the U12 schedule, but the page didn’t load’ or ‘The team photo on the Coaches page is showing a broken image icon.’Send this to your web admin. Include the screenshot, URL, and description. This takes 5 minutes but saves your admin 30 minutes of debugging.
That’s It
You don’t need to fix anything yourself. You’re just observing and reporting. A monthly 15-minute check prevents a lot of problems.
💡 Tip: You don’t need to be a developer to keep your site healthy. Consistent attention and good communication with your web admin is everything. Bookmark this tutorial and check it at the start of every month.