No More Soccer.org

If your Region website still has links to Soccer.org, it’s time to fix them! Soccer.org no longer redirects to AYSO’s national website. It now sends visitors to a children’s soccer destination site.

All URLs should direct to www.AYSO.org

Happy Holidays!

Make Your Website Pretty (and Consistent) with CSS Classes

A class is a line of code you add to an HTML element, giving it a specific look depending on what is defined in a style sheet.

Classes can be a more difficult concept to understand, but they can make your life so much easier when it comes to styling a webpage. They can give your page a consistent look without much work at all. Here’s how they work:

Let’s say you want a blue border around certain elements, but you don’t want to program it each time you make a new element. That’s where a class comes in. Classes can be applied to any element, such as a div or a paragraph tag, a link or an image. Let’s start with the style.

In the internal or linked style sheet (note: this DOES NOT work with inline style), we’ll create a class called makemeblue. All class names are preceded by a period in CSS.

What Does Your Title Tag Say?

 
A title tag (circled above) is the text that appears at the top of your internet browser, and it is often used when your page is shared on Facebook or Twitter. 

Taking full advantage of the title tag is a great way to improve the SEO for your Region’s website – be sure to include all the important words that not only define your page, but things you think parents/families might be looking for.

We have a class of RCs coming to attend RC Training at the AYSO National Office in the next few weeks. To prepare, I looked up these Region Facebook pages, Twitter feeds and Region websites. I was surprised to find that a couple of the Regions didn’t show up in the results when I Googled “AYSO Region XX.” If they had taken full advantage of the title tags, this wouldn’t have happened.

Steal Our Graphics…it’s Okay!

A lot of Regions like the graphics we have on AYSO.org and have asked or requested to use them on their Region websites. Yes, it’s okay for you to use our graphics on your Region website, social media pages, etc. However, we don’t need to re-create them for you. Here’s an easy way to take a graphic/image off AYSO.org and place it on your website.

1. Find the graphic you like and right click on it.
   
2. You now have two options – you can save the image, or link to it.
   1. To save the image, select the “Save Image As” option (or an option similar to it. I’m using Firefox for this demo and all browsers have different but similar options)
   2. To link to it, select the
      1. “View Image Info” option. A window will pop-up with the complete URL for the image. Copy this url.
      2. “View Image” option. It will open the image in either the same window or a new window. Copy the URL out of the address bar in the browser.
      3. “Copy Image Location” option. This does all of the work for you and will copy the URL.
         

The Value of Facebook Insights

For those of you with Region Facebook pages, are you keeping up with your Facebook Insights?

Facebook Insights is a handy tool available for all business pages. By checking your Insights – which are basically the metrics of your Facebook page – you can find out how your posts are engaging with your Facebook audience, where your Facebook fans live, what language they speak and much more.

Above is a shot of Insights for AYSO’s National Facebook page, under the “Likes” tab. You’ll see that the highest segment of our Facebook fans is women age 33-44. With this knowledge, I know that every now and then, I should craft a post tailored to this audience. This helps me achieve high engagement and in turn, more Facebook fans.

Here are some things to consider for your Region:

Widgets Everywhere!

Widgets are becoming more and more popular as a means to import information from other sites and display it on your own. Most of them are fairly simple to add to your website (usually a JavaScript or an iFrame) and they can give your website added value and help increase traffic. Did I mention most of them are FREE?

Some popular uses of widgets include:

Facebook Widget
These widgets let you add a small feed of your Facebook timeline to your website. It helps to let people know that you also have a presence on Facebook and that your Region’s volunteers and parents are engaging there as well. The Facebook Activity widget can be found here.

Twitter Widget
Similar to the Facebook widget, this app allows you to display your Twitter feed on your website. It will let people see some of your tweets and prompts them to connect with you on Twitter for more info. Here’s a popular Twitter widget you can add to your homepage.

So, What's a Style Sheet?

Back when the web first started, there were tags like <font> and <u> that were used for formatting text. In 1996, CSS1 came out and slowly started to replace the old formatting tags. Now, many browsers have stopped support for these tags, making CSS the standard in the web design world.

Once you get used to the formatting, CSS is very simple to use. There are three ways to use CSS

• in a linked style sheet (external)
• a <style> tag placed in the header of a page (internal)
• an inline tag placed directly on the element it’s affecting.

Linked Style Sheets

The linked style sheet is created in the same format as the <style> tag in the header of the page, only it’s an external .css file that is pulled into the HTML page. You can load an external CSS file with the following line of text:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />