SEO and User-Friendly Content

As an AYSO webmaster , you have your work cut out for you. Even to many seasoned webmasters, the dos and don’ts sometimes seem to be written by aliens in another language. You probably wear many hats and have many other tasks to perform as well, so making sure that your website is search engine friendly can sometimes fall by the wayside. Today we’re going to briefly discuss SEO (Search Engine Optimization), and how you can perform a few easy tasks in your day-to-day website upkeep to make sure your website stays code-modern and content-focused.

1. Get in the niche

We’re all about soccer! What does that mean for your website? Try to think about terms that folks will search for, and incorporate them into your content whenever possible. Phrases like “Local Game”, “Youth Soccer”, “Pick-Up Games”, these can be valuable for improving your search engine results. If there are ways to make your tour or activity even more specialized, then you might want to consider them. Perhaps you could mention your town, city, state, local fields where games are typically played? Providing a specialized offering means that the content you create for your website content in general will be more relevant to you, and therefore, your target audience.

TIP: As a specialized webmaster, you are the expert! Share your knowledge with good key words and phrases!

WebRTC and the bleeding edge.

Have any of you heard of WebRTC technology? anyone, anyone, (the sound of crickets ensues...) Of course you haven't basically no one has this stuff is the bleeding edge of web development, but fortunately for you dear reader I love the bleeding edge, I have a house there year round.

I see nothing wrong with this...

WebRTC is a technology that is currently being looked at by the W3C (the grand high poobah's of web standards) into becoming a standard with the goal of providing a web-based set of tools that any device can use to share audio, video and data in real time. It’s still very much in the early development stages, but WebRTC has the future potential to replace technologies like Skype, Flash and many hardcoded native apps with web-based alternatives that work on any device.

Web Safe Fonts

Whenever building a site especially your first site its very tempting to head over to your favorite font library and just go nuts. This is a exercise in futility though as almost 99% of those font cant display on the world wide web. Fear not intrepid young developer here is a list of the current fonts (many of them actually aesthetically pleasing) that are completely web safe.

Building a Lean, Mean, Quick, Web Machine!

Building a website can be a time consuming process. If you use the wrong kind of assets in building your site, it will become a exercise in patience and anger management. Here is a few simple tips to keep that site light on its feet, easy to build, troubleshoot, and maintain.


Small pages = Fast pages

The art of building a site that loads quickly and is quick to transition is a tricky one. no matter a persons connection speed there is always content to download. How frustrating is it when you go to a page you want to view only to have to wait sometimes, what seems like forever, for content to load. We have all been there. (modem era anyone?) Do your viewers a favor, keep those pages small no more than a couple hundred kb. (yes you can still have images and content and keep it that small)

Catch common usability problems before user testing.

There is a saying I always liked: "Don't try to say again what has already been said better," With that on my mind, I present to you the following link. http://userium.com/ This a excellent checklist/tool in your web development arsenal that allows you to catch common usability problems before user testing. Enjoy, and happy coding.

Click Me!

Do's and Dont's of HTML Email Blasts.

Hey everyone, after a week off we are back with more helpful hints.

With the proliferation of email-blast software and websites all over the internet, its becoming increasingly popular for people to turn to these avenues in order to drive sign ups, direct to seasonal events, and really reach out and impress where a regular email would fall short.

One of the best aspects of these sites is their ability to let you craft a beautiful email-blast whether you have skills in HTML or not. Many people though can sometimes be a little to ambitious when diving into the HTML editors as they tend to carry their skill sets in designing websites into crafting their email blasts and they can be frustrated when the results do not match their efforts

Email clients such as Hotmail, Yahoo, Outlook, Gmail, etc., can render your emails in different ways. What looks one way in Yahoo or Outlook 2003 may appear very different in Gmail or Entourage.
The root of this problem is the variance among email clients in the level of support for CSS (Cascading Style Sheets).

There is no real standard for what an email client should support and how it should go about supporting it. Every email client takes its own approach to rendering HTML and CSS – which is why an email that looks fine in one email client can look different in another.

So how can you or your designer ensure an email design remains consistent and looks great across all these different email clients? Here's a helpful list of "Do's and Dont's" on email blasts and HTML.

Favicons are Fun!

Have you ever noticed the cool little icon in the browser bar when you visit a website? Those are called favicons and they show up when browsing a website or adding the site as a bookmark in your browser. They give a website a more legitimate and secure feeling, as well as adding a small branding element to the website.

Any website can have a favicon and they're pretty simple to create. You don't even need editing software to create one! There are bunches of websites out there that will generate the file for you. All you need to do is upload an image.

Favicons are images that are created with an .ico file extension. You place this file in the root of your website, add some small code and it will show up in the browser.

Embrace Browser Testing

Browser testing is important to ensure that your viewer audience can view your website accurately. It’s difficult to test in all browsers on one computer, since you can’t have them all installed on one single computer. There are tools out there to help with testing, and here are a few that I’ve used:

Adobe BrowserLab

Adobe BrowserLab is an amazing tool. I have used this tool so much when it comes to testing a website. It has every major browser AND lets you set up a custom list of browsers you want to test in. It even gives you the option to onion skin the displays between browser so you can easily compare what’s different in each browser. This tool is free to use as long as you have an Adobe account, which is free to create. It’s all web based, so you can use it anywhere without downloading anything. The only downside of BrowserLab is that it renders the website to an image, so you cannot test functionality. You can learn more about this great tool here.

Make Your Website the Right Way…and Keep People Coming Back!

People depend on the web today for a fast, simple way to access the most current information on any topic. If a site is designed poorly, or doesn’t contain good information, people will stop coming and you’ll lose your audience. Audience is very important in AYSO because if we lose parents, we lose players. Here are some points to keep in mind when working on your website to ensure that it’s the best it can be:

KISS – Keep It Simple Stupid

This is a mantra used throughout user design. No matter how simple YOU think it is, there are people out there who won’t think it’s so easy to use. Test your designs before implementing them by choosing a few (non-tech) people to test it out. Gather their feedback and design it to fit their needs and not yours. Here are some ways to keep it simple:

• Create a clear visual hierarchy on each page
• Take advantage of conventions
• Break pages into clearly defined areas
• Make links obvious
• Minimize distracting elements
• Use common sense

Keep It Focused and Purposeful

Users have a reason to visit a website and it’s usually to find specific information. Anything that gets in the way of that purpose is counterproductive. Eliminate “landing pages”, including introductory animations/slideshows. People don’t want to sit and wait for something to load just to click through it anyway. Let them get in, get their information and get out. Keep your content up to date. Parents will not continue to visit a website to read the same information as their last visit. That doesn’t help the parents stay informed. Know the purpose of your website and don’t stray away from it.