Servage Magazine

Information about YOUR hosting company – where we give you a clear picture of what we think and do!

URL scheme for semantic markup

Friday, September 12th, 2014 by Servage

Role of IA and JavaScript in Responsive Design

We all are familiar with semantic markup and URL structure in the SEO campaigns since a half decade. Now, SEO is fading as was in earlier days and taking content, contexts, and user experiences at center and social media at its core strategies. Thus, share-ability entering as a new parameter in our website designing. Today, I am not going to focus on all those aspects, but would like to restrict up to the URL schemes or URL structure in general sense.

Now, what is going to nice static URLs, which is considered as SEO friendly and user-friendly on the web when a big portal is going to be redesigned and responsive in all senses? No doubt, URL is situating at the base of the navigation pyramid for bots and users alike. Every website needs well-defined navigation structure with unique and static URL on each web page. Therefore, creating meaningful content information architecture is mandatory exercise in medium to large size and ever-growing websites, ecommerce sites, or web portals.

URLs in IA of Big Portals

In recent past, I was fortunate to do SEO work for a big e-commerce website with 10K+ products. When I have seen the URL structure of FKF (FashionKaFatka.com) I got shocked because the developer have simply ran defaults of Magento URL with categories and there was total absence of well-structured hierarchy in navigation at all.

No doubt, care has been taken while custom URL re-writing using advanced features of Magento instead, dynamic URL generation by PHP scripts. However, overriding old URLs with unique page URLs based on web page title manually was a suicidal act at business point of view. Therefore, when I have suggested well-defined architecture for navigation based on information architecture client was not in a position to implement due to popularity and stability issues of the website. Thus, when she refused my proposal I didn’t have anything unexpected at her side. Unfortunately, with recent algorithm changes page rank and hence some traffic was diminished.

Based on those experiences, I have corrected many big portals including e-commerce and news portals at IA levels in order to define the URL scheme in semantic ways. Of course, offering unique URL for a dynamic page in big news portal was impossible manually, we had to take help of unique ID generation scripts that were generating ID numbers in quite stable and useful manners.

Focusing on Performance in Responsive Designing

Unlike mobile specific website, we can’t hide content on tiny screens due to screen size and lower loading as well as low processing power. Therefore, instead of excluding any important or less important content block, we had taken different approaches for them. In many instances, we put simple link to the content with well-defined URL structure. This ultimately becoming self-explanatory and loading time-saving trick.

JavaScript

No doubt, we had to take help from the JavaScript to determine responsiveness levels and set parameters according to the devices. Our coding was focusing on the determination of shortcuts for links and content. We had placed loading priorities through JavaScript, which was taking clues from the device at first place. Therefore, we had set two things in priority, core content that needed to load quickly and another as lazy-content like clips, galleries, which need to keep back in priority due to heavy downloading demands.

Images

Of course, we had treated images same as other content. We employed JavaScript to decide the size of the images according to their containers and setup loading priorities as per content rules defined above. Scroll-based loading had made user experiences elegant and performance high. By the technical point of view, we were using JavaScript in abundance so we had to take care of not making it a compulsory requirement for any web page loading and kept it with light touch.
References & More Reading
Responsive Design Begins With The URL
Cool URIs don’t change

URL scheme for semantic markup, 2.7 out of 5 based on 3 ratings
Categories: Tips & Tricks

Keywords: ,

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

No comments yet (leave a comment)

You are welcome to initiate a conversation about this blog entry.

Leave a comment

You must be logged in to post a comment.