Jarrod Redly

My name is Jarrod, currently presented as the lead developer at First Page Solutions. My specialty is core website and framework development for multiple platforms and languages.

Website

Jarrod Redly's posts

What is WEB 3.0?

What is WEB 3.0?

I was wondering about “Web 3.0” details and looked it up. Essentially, First Page Solutions already fully supports Web 3.0.

To make this clear and simple, let’s take a small history lesson:

Web 1.0:

  • Standard sizes, visible only on desktops and laptops
  • walls of text (plain language, like a text book or a university paper)
  • Special programs to “enhance” design (flash, Visual Basic scripting)
  • Basic effects (click to change the page, click to change wording on a page)

Web 2.0:

  • Dynamic sizing, introduction to HTML 5
  • Allows for more devices like iPhone, cell phones, tablets and Personal Data Assistants
  • Introduction but, didn’t utilize CSS 3
  • Improved Search Engine specifications and search abilities
  • Internet allowing Web 1.0 and 2.0 to co-exist
  • Special effects introduced using CSS 3, Javascript and HTML 5. Adobe Flash is going extinct

What FPS Does:

  • Accessibility (Allowing for special software to communicate the Internet)
  • Search Engine Optimization (Allowing search engines to quickly find and understand information)
  • Micro Data and Siloing websites to ensure that the data is organized and manageable.
  • Fulfilling design (Understanding modern design and allowing any age group to understand the site in basic ways)
  • Finding, understanding and utilizing new technology (Content Delivery Network, Hosting sites, Let’s Encrypt, …)
  • Developing Digital Marketing as a service instead of a product, allowing for ROI calculations vs. “Just throwing something together”

Web 3.0:

  • Accessibility: Providing more and more devices and software access to the Internet
  • The connected Internet. Using specific abilities like central databases, Content Delivery Networks (CDN), simple and quick access to anything and everything
  • Improving Search Engines and unique software (Artificial Intelligence): This is using Micro data and other means of organizing data
  • 3D graphics: This is using more then shadow 2D graphics, this allows for more motion and movement throughout the Internet and websites as a faster and more unique way of “surfing”
  • “Connectivity”, This is more then just directory websites, it also includes when companies “support” each other by providing links. For instance, Heart and Sol Tours links to each of the wine industries and the wine industries link to them.
    • Then linking from the wine industries to their respectful farms, providers, suppliers and will continue linking further and further. This doesn’t just mean anchor links, just the name of the company would be enough.

Source: http://www.expertsystem.com/web-3-0/

All this crazy information showing that we’re actually already Web 3.0 and that we support Google in going into the company and taking a virtual tour imagery. We also ensure that accessibility is important.

So. In conclusion, if a company needs WEB 3.0,  First Page Solutions provides it with each website we design and build, we focus on supporting the latest and greatest Internet.

Jarrod
First Page Solutions
Lead Developer

Structured Data for Local Business

Structured Data for Local Business

[sdf_hero][sdf_text_block entrance_animation=”No”]
Lead developer of First Page Solutions here, glad to show some information on Schema.org and what information we should be placing on websites. I’ll also say how and where to place the schema information.

Schema is quite organized and not very user friendly at the moment but, when you know how to use it. It’s a useful structured resource for letting bots and search engines know information that they are trying to look for.

Letting you know what I did to get the information for schema.org. You can actually skip this area if you’re not interested or if you already know Schema.org information structure.

  • Knowing the client. First off, we’re working with our example of First Page Solutions, a SEO office. I’ll head over to http://schema.org/docs/full.html for the full list of schema items.
  • First thing I looked for is to find “SEO” or “localbusiness”, scrolling through I see that there is no SEO, website design or anything of the sort and will have to reel back to “LocalBusiness”. If the type is very specific I would have to read more about it to see if it’s the right fit. (We’ve had a situation were we had a painter actually be a painting)
  • Now we need to get the information out of that specific area. (location, opening hours, etc.)
  • We can use: (We can use all of them but, we might not need to use them all)
    • openingHours: Determines the time of which the place is operational
    • address: The location of the building
    • areaServed: The GEO location area of witch the location serves
    • award: If the place has one or more awards we can implement this on a page
    • email: The contact email for the building/organization
    • employee: One or more employees (used for author pages and listing people who work there. i.e. Group photo)
    • event: A specific event that involves legal services or this organization
    • faxNumber: The fax number for the building/organization
    • legalName: The business name instead of the display name
    • location: Location of event or item
    • logo: The associated logo for the organization
    • telephone: The phone attached to the building/organization
    • name: The name of the object that the website is portraying to. (For example: “First Page Solutions”)
    • description: A basic description of the name/organization
    • url: The url of the building/organization

The naming of the above is to let you know that this could be a subset or a company could contain this information for each of their “branches”.

  • For starters, we would like to have the location, contact and hours of operation inside the footer. Hours can always be mixed with either of the two and we usually section off the footer into three blocks giving us a free space for a call to action or Google map of the location.
  • Location:
    <div itemscope itemtype="http://schema.org/LocalBusiness">
      <span itemscope itemtype="http://schema.org/PostalAddress" itemprop="address">
        <div itemprop="streetAddress">1767 Harvey ave.</div>
        <div>
          <span itemprop="addressLocality">Kelowna</span>,
          <span itemprop="addressRegion">BC</span>
        </div>
        <div>
          <span itemprop="postalCode">V1Y 6G4</span>
          <span itemprop="addressCountry">Canada</span>
        </div>
      </span>
    </div>
    
  • Hours of operation:
    <div itemscope itemtype="http://schema.org/LocalBusiness">
      <time itemprop="openingHours" datetime="mo-fr 8:30-16:30">
        Monday to Friday, 8:30 AM to 4:30 PM
      </time>
    </div>
    
  • Contact:
    <div itemscope itemtype="http://schema.org/LocalBusiness">
      <div itemprop="name">First Page</div>
        <a href="tel:##########"><div itemprop="telephone">(###) ###-####</div></a>
        <div itemprop="faxNumber">(###) ###-####</div>
        <a href="mailto:admin@example.com"><div itemprop="email">Admin@example.com</div></a>
        <a href="dev.firstpagesolutions.ca"><div itemprop="url">dev.firstpagesolutions.ca</div></a>
      </div>
    </div>
    

Most of the content is laid out and you can copy, paste and modify. You can also validate this information by going to https://developers.google.com/structured-data/testing-tool/ pasting your data or fetching the url of which the data can be found.

Sometimes a different approach is a little different from the bot who’s reading the information. When you use the “inspect” with Chrome, FireFox, Opera and Safari… They tend to be a little strange but, the bot who’s reading the information is not a browser. This information is not for human eyes, nor is it for inspecting and reading aloud. To understand what the bot is reading, just give your website a right-click->view page source (bots don’t understand right-click->inspect element).

You can also use any type of tag for your itemprop, itemtype and itemscope. Don’t just stick with <div> and <span>.

A nice thing about the schema is that you can put anything else anywhere else and it won’t pick it up! For example:

<div itemscope itemtype="http://schema.org/Organization">
  <img src="" />
</div>

The image has no effect on the itemtype. If I surrounded the <img alt=”” /> with a <span itemprop=”logo”>, then it would state the image as the logo for the organization.

Good luck!

[/sdf_text_block][/sdf_hero]

Google oAuth2.0

Hello!

While working with our clients tasks, I’ve come across Google’s authentication and their implementation to oAuth2.0. This highly ranked authentication and authorization security is very well implemented into Google’s system and Google’s developer site.

This software is highly compatible with server to server communication and Google provides their services to be the “middle man” for your communication and security needs.

Here at First Page Solutions, we’re currently working with Google developers to enhance the experience of having Google Drive in your website! If you really dislike logging into Google drive to do all your work, download and upload to your site. We’re working on the solution. Why not work on your drive files inside your website for your website!

The possibilities are endless and if your someone who’s interested in security or would like to develop with Google Drive, try out looking at https://developers.google.com/ and see what you can do with your spare time.

Know someone that creates their own security and takes the long way around? Do you know anyone that struggles because their site might not be “safe” to do server to server communication? Maybe you know someone who would like a cloud of information… Just for their servers?
It’s almost Christmas and Google developers has all those questions answered in their own way. Connect with Google and see how much it would cost to help out those people who really would like to do what they want to do but, much faster and more reliably.

Have a great Christmas everyone! Make sure to not keep knowledge to yourself, share it with those who will listen!

Christmas is almost here!

Good afternoon everyone!

I hope everyone had a great weekend! It’s been warming up outside and making a few of us confused about our weather in Kelowna.

More news to come for First Page Solutions, we’ve been slowly working on our site and making sure that our customers are warmly welcomed. We’ve got a lot of work to do and our lead designer took some time off before coming into our office as a full time employee!

I recently completed a presentation for a local non-profit organization here in Kelowna. They liked what they seen, now I gotta work hard to impress my boss while throwing another life line out for another customer out in the waters of Search Engines.

I really like working at the office, although, having multiple positions might not be the best idea to have. At least I got Hot chocolate from my boss and minor administration work as a front desk office manager. I can just sit back and relax while working on my favourite thing… Programming!

I hope everyone has a great week! Step forward and don’t look away from where you want to go!

Our blog is running… We’ll catch it, don’t worry

Good afternoon everyone,

Glad to know that our blog site is now up. We’ll be posting plenty of information about Website design, development, SEO and more!

My name is Jarrod, I’m the lead developer at First Page Solutions. I ensure that all the development is completed thoroughly, completely and well structured. I also keep each site up to date and ready to take on the Internet for whatever maintenance each site requires.

I’m also the office manager currently at our location @ 1767 Harvey Avenue, Kelowna. Come in and say “hi”, I’ll be sure to give you a warm welcoming. You can also give us a call @ (236) 420-3222.

I hope everyone has a great and cosy winter,