PRICING

HELP

BLOG

APPSTORE

COMPANY

LEGAL

LOGIN

The izy-circus can render the SPA app on the server side. The steps that need to be taken in order to make the app crawable and supply metadata for SEO and Open Graph (which Twitter cards and Fabebook posts use) will be discussed in this article.

1. add a crawl module to the full_notify frame

The app typically would have a flow:

var outcome = {};

modtask.modcontroller.doChain(modtask, [

['frame_getnode', modtask],

['framegetkey', '_matches', modtask],

['framegetparams', modtask],

function(_push) {

// query db to load content based on modtask.matches parameters

// 1. if not found set outcome.status = 404 and display (push) appropriate message

// 2. if found display(push) content and outcome.success = true

_push(['nop']);

},

function(_push) {

push(['framefullnotify', outcome]);

}

The key is to add crawable metadata that is consumable before the *frame_notify. We would recommend that you create a crawlmetadata module.

2. crawlmetadata module

This module will:

• Create the appropriate meta tags and other html meta data that is useful for crawling the frame
• Provide content feeds for the references in the metatags (i.e. og:image, twitter:image). This will get referenced by the metadata tags and is typicaly delivered through the API gateway.

modtask.ldmod('marketing/sem/crawlmetadata').setMetaData({

title: '1',

description: '2',

// used to make image available

address: 'address-to-the-pulse-entry'

}, function() {

outcome.success = true;

_push(['nop']);

});

Izyware Blog