How To Keep Site Performance Tip Top – From 301s and 302s to Page Loads

301 and 302 redirects
301 and 302 redirects can create new challenges in making content appear in search queries

Building a customer experience that includes a website means more than being visible online. It also means managing the negative aspects of a digital presence – removing duplicate pages and staying alert for usage of a business name.

To do this, consider the following tips to keep a digital presence as pristine as possible.

  • Examine 302 redirects – make sure that the temporary redirects are managed correctly. That means examining how the pages appear in a search query, because a older page that is deprecated against the newer, temporary page can be viewed as obsolete and thus ignored by the search engine, though there are signs that 302s won’t impact pagerank (Google just explained this, according to Search Engine Land)
  • Be leery of 301 chains – numerous permanent redirects in a series can seem spammy to search engines, leading to delisting on search engines. It also impacts the latency for a site by creating unnecessary page calls to a server.
  • Make sure the site map is up to date to reflect the site pages and associated sites.
  • Examine how the site is loading with page speed reports. Pingdom and Yottaa can examine how a site loads relative to a server. These can indicate fishy server calls that slow down a site experience.
  • Audit the site for duplicate pages. Siteliner offers a free and premium tool for identifying duplicate content as well as broken links.
  • Be aware of online copies of your site text. Use a plagiarism checker like Copyscape to discover other sites that may be mimicking your site. The results can yield potential phishing sites and well as sites that scrape content.
  • Keep Google Alerts for usage of your company name, products, and other brand as needed. Alerts can help you discover new allies for your business, as well as nefarious sites that have scraped and copied the site.
  • Use the Page Load Speed report within Google Analytics to note spikes in page loads. Increasing the page load can encourage site visitors to leave a site rather than view other pages or material.
Polymer.js example

How Semantic Search Relates Online Content to Customers

Polymer.js example
This HTML mark up is a technical example of how semantic search works. It calls out specific parts in the code, like this callout designed to address a version of JavaScript called Polymer.  Although JavaScript case like this is not an influence on SEO, most semantic search is meant to address highlighting specialty HTML elements in a search query.

Search engines have subtly changed their methodologies over the past few years. One methodology that has yet to see widespread adoption has already experienced its most significant change yet.

Back in 2013, an ontology library site, Good Relations, announced an alignment of its markup structure definitions with those used on schema.org, a metatag library. The end result is increased consistency of definition usage among businesses, and a wider shared usage of structure markup among web developers and search engine optimization practitioners.

This merger occurred thanks to increasing search discovery needs for digital media. From music to webinar presentations, businesses have added numerous content to appear when potential customers research product and service information online.

The content has led marketing managers to give a refreshed look at their optimization strategies through apply semantic search. Semantic search involves organizing keywords and content with website element protocols and structure markup language. The organization makes the pages and site content more visible to nuanced search engine queries.

Good Relations and schema.org support separate protocols for semantic search. Schema.org contains metadata meant for HTML5, an update of the venerable website structure code language positioned for future website development. Good Relations contains RDF – resources description framework that has proven utility for current retailers and E-commerce sites.

One strategic benefit for managers is learning enhanced ways to translate potential client language to its digital properties. If businesses within a given industry agreed to ontology for services and needs, those businesses can adjust their content tags to position its content to potential query results from those businesses. Imagine a video on better financing for construction projects – With a metadata protocol, now imagine that video section appearing in a search query run by a construction firm.

That exact example lies at the heart of HTML5. HTML5 added video- and music-related tag elements, developed to increase media exposure to relevant search engine queries. Other tagging protocols can help search engines recognized a group of authors – an aid to marketing teams leveraging personal brands of its members online (You can learn about what Google accepts in structured markup here – Bing also has a structured markup guide). The fundamentals of digital marketing is increasingly shifting toward strategic data ownership, which is supported through content marketing and semantic search.

With the schema.org – Good Relations alliance, digital marketers and website developers can optimize metadata and RDF information across varied content. The success of such an effort will create a true application of semantic search’s definition – the science of actual customer’s language.

Analytics Tips: How non-techies can monitor branding for small businesses and non-profit organizations

Google Analytics Affinity Reports
Reports like Affinity Report can be set in the dashboard for quick referral of traffic quality.

Monitoring your brand. It’s a phrase brought up by marketers, yet no one thinks about how non profits or non technically inclined individuals should be monitoring their “brand” online.

Why is this overlook important? Well, the definition of a brand is ”how others remember you”. In general you are asking the public to remember you – for a donation, for purchase a service, or for purchase from your inventory when your nearby competitor has the same product (and these days, everyone online is a nearby competitor!).

So let’s assume that you have added a Google Analytics account to your website. If so, you’re half way to monitoring your data and your brand. To get that other essential half, try the following few starter ideas for digging into the reports without getting too overwhelmed.

  • Schedule a reporting time – minimum once a month review with the analytics reports. Expect more frequency if you are using paid search or other budgeted media for marketing.
  • Set Goals in your analytics account – Set the pages and webpage actions that relate the site to your objectives.
  • Set visits by geography if your business or nonprofit is covering a specific region. Geography reporting can be the easiest to understand, if your business is marketed to certain regions. Review if traffic consistently lined up with where the business is marketing.
  • Look for trends over time. Examining where data comes from will narrow down what actions to take to strengthen or adjust.
  • Look at affinity reports to see what other topics of interest that attracts visitors and are receiving your visitors after they have visited your site. The reports can spark ideas for Adwords campaigns by lifestyle to sites that are suitable partners for increasing exposure to your site and brand.
  • If you are receiving regular reports from an analytic practitioner, ask for the meaning behind a report or metric definition. They should be following along your business at some level, and making connections between the metrics recorded and your business objectives.

The “James Bond” of programming: Javascript And Its Importance To Business Development

James Bond Skyfall Image
If James Bond can be rebooted, as Daniel Craig has done back in 2008, then so can programming languages.  That is the backstory for JavaScript, which has grow in capability and importance since its pop up window days.

JavaScript has been rising in importance for web and app design over the past few years. It’s an old programming language, much like James Bond is an old movie series. But just as Daniel Craig revitalized the series back in 2008 with Casino Royale, culminating in 2015’s Spectre,  JavaScript is being revitalized for a new era of mobile devices and IoT that was not in existence in its 1996 debut in Netscape.

Part of the reason stems from the canvas element in HTML5. Because it is called out in a container, called <canvas>, Javascript can be used to manage the elements. This gives Javascript the capability to manage elements in an unprecedented way, such as data visualization.

Another source is a growing number of Javascript libraries for interacting with the document object model. Originally Javascript was used for pop up windows – to instruct the browser to show another window automatically – or infamously, depending on the content.

But new uses developed, requiring more interaction with the DOM in the browser. The DOM is an operational code within the browser that is accesses to tell the browser how to render a page or another media that appears in a browser.

The business value is the capability for developing browser features that the user can see and interact while cutting calls to a server and reducing time to render a site or app.

A dashboard with visual elements, telling the story of trends that lead to business decisions, is a great example. The data can be called without multiple calls to a server, permitting visualization for tablet devices.

You can read how JavaScript is influencing technology in the following posts:

CMSWire – How To Use JavaScript for App and IoT Development

IOT Solutions – The IoT Ushers In the Ascendance of JavaScript

Also check out this Zimana JavaScript post on coding basics that can help you understand JavaScript better for your website and app development plans.

1 Comment

What is Javascript? An Explanation and Helpful Resources

Ok, by now, if you are maintaining a website or thinking of maintaining a website, you may have heard of the programming languages used to create a site or app. One of those languages typically mentioned is JavaScript.   Let’s cover a few basics, and some resources on where to learn more.

The Essential Definitions

JavaScript is a dynamic scripting language that can instruct the browser to make changes to page elements after loading a page.  Its value is making site elements function more dynamically without  requiring a call to a server.  This can provide some benefits, such as improving  performance loading a website page or an app in the browser.

Javascript generally appears in one of 3 positions in a website or app:

  1. in the head of a webpage
  2. in the body of a webpage
  3. Maintain a separate file. The benefits of a separate file for the J/S code are:
    • easier for controlling a version of a libraries
    • universal share across HTMLs

Web developers describe JavaScript as an Object Oriented Programming Language.  An Object Oriented Programming Language essentially treats each element in a page as an object according to the script called in Javascript (or in another language, such as Ruby). Thus everything belongs to something else, and everything has a relationship.  This structure makes it possible for an image position to be rotated or a  section of text to scroll into view. The image or text sections are treated as objects.

Each object generally has a property – a property is a description of that object.   Think of an object and a descriptive phrase that you would imagine if you close your eyes.  An object named dish would be smooth. An object named water would certainly be wet.

Each object can be made active or dynamic through a method – an action called within a javascript script.  So now think on object and an activity – a dog (object) barks (method), a sports car engine “roars”.  Objects and methods are usually called through a function –  statements that perform a task.  A function takes the general form below:

 function functionname ( ) { }

Additional parameters are described in the parenthesis, while the objects and methods – the elements and associated actions – appear in the brackets.  Below is an example of a for loop function.

for (var i=0; 1 < numbers.length; i++)
     {console.log(number[i]); 
     // Print value to console
     } 

(The double slashes “//” are meant to provide a comment instead of a function.)

Learning about Libraries and JQuery

So with the thought of webpage elements as objects, writing a Javascript programs sounds easy, right?  Not exactly.  Unlike other well-known languages, Javascript is not compiled – that means there’s no need to have another program of software compile and interpret instruction.   Thus JavaScript uses regular text which can be interpreted.

But every browser has its own interpreter for the text, a Document Object Model (DOM).   A DOM model is an interface, a means to “talk” to different elements in a page.  So Javascript has to account for that difference.

In texts and posts on Javascript or in developer gatherings, you’ll read and hear a lot about libraries (you’ll hear something similarly described in other object oriented languages, such as gems which are used in Ruby). Libraries are needed to account of different operational features of the major browsers, despite acceptance by browser makers of protocols.  Browsers have different implementation of a DOM, so libraries provide a unified view of Javascript code.

Libraries are called with the following element notation:

<script src=”chart.js”></script>

in which a script, chart.js, is a called as a source.

In many cases you’ll hear the name JQuery come up. JQuery is a JavaScript library, a file that highlight elements in the same style as a Cascading Style Sheet (CSS)  does for a webpage.  Its purpose is to provide a set of objects and methods that can be called while minimizing the interaction with the DOM for a browser. The result is a case  Think of it as a sort of API which interact with the DOM in the form of a library.

Tools and Associated Libraries

To create that great method and ensure that is functions in the grand scope of your app or site, a little debugging becomes required.  To debug means to review code and edit as needed.  The following are tools and resources that make debugging code much easier:

  • JSLint – This is an in-browser debugging testing software
  • JSfiddle – This is a development platform for creating Javascript frameworks. The screen features four quadrants – one for HTML, one for CSS, and one for Javascript, with the fourth displaying the results from running a code. The platform provides a means to show code alongside each other for easier, more holistic QA of  a trial code.
  • JSBin – Like JSfiddle, this console lets user try out HTML, CSS, and Javascript code on screen. Users can save and share their creations for expert opinions.
  • Jshint – This is an error checker for verifying Javascript code
  • Codeacademy – has a number of helpful pages on code, including a dedicated Javascript section
  • Qunit – testing framework to verify jQuery code
  • Venkman is another debugging software, available from Mozilla, the creator of the Firefox browser
  • Karma is a testing environment
  • Mootools – an open source JavaScript framework meant for advanced development for cross browser code

Books and Website Resources

The book Javascript and JQuery  by Jon Duckett has additional resources available at its supporting site, www.javascriptworld.com. I wrote a review on it at Small Business Trends.  It’s an excellent modern book that offers a solid overview on Javascript and associated subjects like JSON, JQuery, and APIs.

You can also check out Programming Javascript Applications, which is a bit more advanced book but also offers insight into how to make the most of Javascript.

The site JQuery.org offers a number of resources and covers the basics on JQuery.  Not only is this a good resource of JQuery-associated features like plugins, but the site can also provide some understanding of how libraries in general work.

There are online video sites, such as www.metacasts.tv – This website offer programs on Javascript techniques – there is a dedicated page for frameworks.  These have a subscription price, and can be a bit advanced  – users who are comfortable with GitHub will appreciate the GitHub availability.

There is good ol’ Tuts – this site hosts a number of how to related to web design and development.  You can check out the site here.

You can also check out the descriptions for popular frameworks, such as AngularJS.  The main site offers several tutorials, and some advanced definitions that can help one understand JavaScript much better.

Also, need a text editor for practice – consider one of these text editors outlined in this Zimana post.  Sublime and BBEdit are just two of the ones mentioned here in which a user can create a JavaScript script.