I have a UX with just 1 static text control displaying the word "Abracadabra" saved to a page called index.a5w
This is the contents when I open that a5w page in the AA html editor:
This is the code I get to see (source code view in browser) when I publish the page & browse to it:
Now my question is: what does Google (or any other search engine) actually see ?
In other words does a page execute when a search bot visits it or does a search bot only see the content of the A5W file as I see it in the AA html editor (the first code) or the generated html (the second code)
This is the contents when I open that a5w page in the AA html editor:
Code:
<!DOCTYPE html>
<html>
<!-- must use in order to make XP Themes render -->
<meta HTTP-EQUIV="MSThemeCompatible" content="Yes" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<head>
<%a5
Delete tmpl_testux
DIM tmpl_testux as P
tmpl_testux = a5w_load_component("testux") ''SYSTEM GENERATED COMMENT - PLEASE DO NOT REMOVE (LOAD:testux)
'Override settings start -----------------------------------------
with tmpl_testux
.alias = "testux"
_dialogFilename = "testux"
end with
'Override settings end -----------------------------------------
delete x_testux
dim x_testux as p
x_testux = a5w_run_Component(tmpl_testux) 'SYSTEM GENERATED COMMENT - PLEASE DO NOT REMOVE (RUN:tmpl) (EDIT:testux)
?x_testux.Output.Head.JavaScript
?x_testux.Output.Head.CSS_Link
?x_testux.Output.Head.Title
%>
<!--Alpha Five Temporary Code Start - Will be automatically removed when page is published -->
<!--CSS for tmpl -->
<link rel="stylesheet" type="text/css" href="file:///C:/Program Files (x86)/a5V12/css/GrGray/style.css">
<!--Alpha Five Temporary Code End -->
</head>
<%a5 ?x_testux.Output.Body.Body_tag %>
<!--Alpha Five Temporary Code Start - Will be automatically removed when page is published -->
<!--Body Tag for tmpl -->
<body class="GrGrayPage">
<!--Alpha Five Temporary Code End -->
<%a5 ?x_testux.Output.Body.Dialog2_HTML %>
</body>
</html>
Code:
<!DOCTYPE html>
<html>
<!-- must use in order to make XP Themes render -->
<meta HTTP-EQUIV="MSThemeCompatible" content="Yes" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<head>
<script type="text/javascript" src="javascript/a5-23994351.js"></script>
<script type="text/javascript" src="javascript/a5_url.js"></script>
<script type="text/javascript" src="javascript/A5jQueryWithUI.js"></script>
<script>
if(typeof jQuery != 'undefined') jQuery.noConflict();
</script>
<script type="text/javascript" language="javascript">
A5._windowDefaults={title:{tools:{defaults:{'close':{action:'close',name:'close',image:'images/$$window.button.close.png.a5image'}}}}}
</script>
<style type="text/css">
html { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -ms-touch-action: none;}
.A5container {float:left;padding:0px;}
.A5CWLayout {padding: 4px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;}
.A5GridHideErrorCol .A5GridErrorCol {display:none; }
.A5GridRowErrorIcon {display:none;}
.A5GridHasRowError .A5GridRowErrorIcon {display:inline;}
.A5GridRowViewMode {display:block;}
.A5GridRowEditMode {display:none;}
.A5GridRowInEditMode .A5GridRowViewMode {display:none;}
.A5GridRowInEditMode .A5GridRowEditMode {display:block;}
.A5GridRowDirty {display:none;}
.A5GridRowClean {display:inline;}
.A5GridRowIsDirty .A5GridRowDirty {display:inline;}
.A5GridRowIsDirty .A5GridRowClean {display:none;}
.errorText {color:red;font-size:8pt;}
.errorTextHighlight {font-weight:bold;font-size:8pt;}
.errorTip {color:red;background:#fffafa url('images/$box/$size/8x8/$fill/Up%5FDiagonal:White%3A%23255%2C239%2C239.png.a5image');border:1px solid #f88;margin-top:2px;padding:2px;font-size:8pt;}
.errorInput {color:red;border:1px solid red;margin:1px;}
.errorInputHighlight {color:red;border:2px solid red;margin:0px;}
.A5SelectedButton {opacity:.5;filter:alpha(opacity=50);}
.A5InvisibleLock {background: rgba(0,0,0,0); }
.A5AccordionTitleOn, .A5AccordionTitleOff, .A5AccordionTitleDisabled {display: block;border: 1px solid #999;padding: 2px;text-decoration: none;cursor: pointer;margin-bottom: 2px; padding: 2px}
.A5AccordionPane {border: 1px solid #999;border-top: none;margin-bottom: 2px;margin-top: -2px;}
.A5TabTopOn, .A5TabTopOff, .A5TabTopDisabled {display: block;float: left;border: 1px solid #999;border-bottom: none;margin-right: 2px;padding: 2px;text-decoration: none;cursor: pointer;}
.A5TabTopOn {margin-bottom: -1px;padding-bottom: 3px;}
.A5TabBottomOn, .A5TabBottomOff, .A5TabBottomDisabled {display: block;float: left;border: 1px solid #999;margin-right: 2px;padding: 2px;text-decoration: none;cursor: pointer;}
.A5TabBottomOn {border-top: none;padding-top: 3px;}
.A5TabLeftOn, .A5TabLeftOff, .A5TabLeftDisabled {display: block;border: 1px solid #999;margin-bottom: 2px;padding: 2px;text-decoration: none;cursor: pointer;}
.A5TabLeftOn {margin-right: -1px;padding-right: 3px;border-right: none;}
.A5TabRightOn, .A5TabRightOff, .A5TabRightDisabled {display: block;border: 1px solid #999;border-left: none;margin-bottom: 2px;padding: 2px;text-decoration: none;cursor: pointer;}
.A5TabRightOn {margin-left: -1px;padding-left: 3px;}
.A5TabTopPane, .A5TabBottomPane, .A5TabLeftPane, .A5TabRightPane {border: 1px solid #999; padding: 2px;}
.A5TabBand {border: 1px solid #999; padding: 0px;}
.A5TabBandTabOn, .A5TabBandTabOff, .A5TabBandTabDisabled {position: relative;display: block;border: 1px solid #999;border-bottom: none;margin-right: 2px;margin-top: 2px;padding: 2px;text-decoration: none;cursor: pointer;white-space: nowrap;}
.A5TabBandTabOn {margin-bottom: -1px;padding-bottom: 3px;}
.A5TabBandSeparator {border: none;border-top: 1px solid #999;height: 3px;padding: 0px;font: 0pt arial;}
.A5TabBandLeftScroll {position: relative;display: block;padding: 2px;margin-bottom: -1px;padding-bottom: 3px;text-decoration: none;border: 1px solid #999;border-left: none;border-bottom: none;}
.A5TabBandRightScroll {position: relative;display: block;padding: 2px;margin-bottom: -1px;padding-bottom: 3px;text-decoration: none;border: 1px solid #999;border-right: none;border-bottom: none;}
.A5TabBandTabDisabled, .A5TabTopDisabled, .A5TabLeftDisabled, .A5TabRightDisabled, .A5TabBottomDisabled, .A5AccordionTitleDisabled {opacity: .5; filter: alpha(opacity: 50)}
.A5Window {-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.A5WindowLock{border: 1px solid #000;background: #222;opacity: .25;filter: alpha(opacity: 25);}
.A5AccordionTitleOn:hover, .A5AccordionTitleOff:hover, .A5TabBandTabOff:hover, .A5TabTopOff:hover, .A5TabLeftOff:hover, .A5TabRightOff:hover, .A5TabBottomOff:hover{text-decoration: underline;}
.A5MenuItem {text-decoration:none;}
.A5DialogRSSeparator {border-top: 1px dotted #ccc; line-height:5px; margin-top: 5px;}
.A5DialogRSFooter {margin-top: 10px;}
</style>
<link rel="stylesheet" type="text/css" href="css/GrGray/style.css">
<script type="text/javascript" src="css/GrGray/style.js"></script>
<style>
</style>
<title>UX</title>
</head>
<body class="GrGrayPage">
<iframe style="display:none;" id="TESTUX.__IFRAME1"></iframe>
<input type="hidden" value="" id="TESTUX.PARAMETERBUCKET"/>
<input type="file" style="position:absolute; top:-1000px;visibility:hidden;" accept="image/*" id="TESTUX._GETPHOTO"/>
<div class="errorTip" style="margin-bottom: 2px; display: none; width: 8in; " id="TESTUX.GLOBALERRORS"></div>
<div id="TESTUX.R1">
<div class="A5CWLayout" style="width: " >
<div id="TESTUX.V.R1.STATICTEXT_1" title="" class="" style="box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;" >Abracadabra</div>
</div><br style="clear:both; " />
</div>
<div class="" style="display: none; " id="TESTUX.DEBUGUPDATECOMMANDS"></div>
<script type="text/javascript" language="javascript">
A5.u.drag.useDragScrolling = 'auto';
if(typeof TESTUX_DlgObj == 'object') TESTUX_DlgObj._destroy();
var TESTUX_DlgObj = new A5.DialogComponentHelper('TESTUX',{
ajaxURL: 'testux.a5wcmp?__virtualPage=__a5RunDialog.a5w&__pageName=testux.htm&__dialogFilename=testux&__alias=TESTUX&__unsaved=no',
_embeddedMode: false,
_livePreviewInBuilder: false,
componentGUID: 'e6bb07eb-4806-4257-969b-2923ced1332c',
columnInfo: {},
originalValues: [{
}],
defaultValues: {
},
datePickerMonthNames: ['January','February','March','April','May','June','July','August','September','October','November','December'],
datePickerDayNames: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],
datePickerTodayButton: 'Today',
datePickerCloseButton: '',
datePickerFirstDayOfWeek: 1,
resetFormMessage: 'Are you sure you want to reset the form?',
resetFormTitle: 'Warning',
resetFormIcon: 'css/GrGray/MessageQuestion.png',
dirtyFormMessage: 'You must first save your changes or cancel changes by clicking the Reset button.',
dirtyFormTitle: 'Notice',
dirtyFormIcon: 'css/GrGray/MessageInfo.png',
deleteRecordDialogTitle: 'Delete Record',
deleteRecordDialogMessage: 'Are you sure you want to delete this record?',
styleName: 'GrGray',
_fieldHelpers_DIALOG2: [],
parentComponentAlias: '',
submitIfHasClientSideErrors: true,
rowErrors: {
showMessageBox: false,
messageBoxTitle: 'Error',
style: 'color: red; width: 6in; height: 2in;'
},
fieldErrors: {
type: 'icon',
className: 'errorTip',
inputClassName: 'GrGrayEditError',
edit: {
container: { className: 'GrGrayEditBGError'}
},
icon: 'css/GrGray/EditError.png',
global: {
contId: 'TESTUX.DIALOG_PART.GLOBAL_ERRORS',
hoverClassName: 'errorTextHighlight',
hoverInputClassName: 'errorInputHighlight'
}
}
});
TESTUX_DlgObj._tabObjects = [];
TESTUX_DlgObj.framesInfo = {
};
TESTUX_DlgObj.lookups = {
}
TESTUX_DlgObj.setStateInfo({
__dialogGuid: '94eb02f4-a496-4e20-872e-23f256103a99',
argumentsBoundToCotrols: '',
__sgr: '',
__dtfmt: 'MM/dd/yyyy',
__tfmt: ''
});
TESTUX_DlgObj.setStateInfo({ });
TESTUX_DlgObj._cascadingControls = [];
TESTUX_DlgObj._cascadingControlsChildren = [];
TESTUX_DlgObj.setStateInfo({ dialogCacheGuid : '21d5b5d9e4474b0b8eb9f4060d221e63'});
TESTUX_DlgObj.setStateInfo({__os: 'c0htNDxAcTtVi1tPTyByWFF4fT8zLCwzeCpqSFNicXZtVH6VbVoqeV5vJytJSnQ0KChGN2093pV/OSdfYD5Li0pyXjpHJTdNdC85ld6V'});
A5.msgBox.theme = 'GrGray';
A5.msgBox.buttonWidth = '1in';
TESTUX_DlgObj._defaultWindowTitleDirection = 'ltr';
TESTUX_DlgObj._controlContainers = {}
TESTUX_DlgObj._buttons = {};
TESTUX_DlgObj.setVariables({});
TESTUX_DlgObj._dataBoundControls = [];
TESTUX_DlgObj._primaryTableAlias = '';
TESTUX_DlgObj._hasPanels = false;
TESTUX_DlgObj._hasOnSynchronizeEvent = false;
A5.__dtfmt = 'MM/dd/yyyy';
A5.__flagWorkingPreview = false;
A5.__flagIIS = false;
A5.__flagSimulateIIS = true;
TESTUX_DlgObj._functions.calcOrientation = function() {
if(typeof TESTUX_DlgObj == 'undefined') return '';
var orientation = TESTUX_DlgObj.getOrientation();
if( orientation == 'landscape') {
//landscape
if(TESTUX_DlgObj._orientation != 'landscape') {
TESTUX_DlgObj._fireWatches(1);
TESTUX_DlgObj._orientation = 'landscape';
TESTUX_DlgObj._executeEvent('onOrientationChange',{orientation: 'landscape'});
}
} else {
//portrait
if(TESTUX_DlgObj._orientation != 'portrait') {
TESTUX_DlgObj._fireWatches(1);
TESTUX_DlgObj._orientation = 'portrait';
TESTUX_DlgObj._executeEvent('onOrientationChange',{orientation: 'portrait'});
}
}
}
A5.flags.cordovaLoaded = true;
try {
document.addEventListener('deviceready', function() {
TESTUX_DlgObj._executeEvent('onCordovaReady',{});
TESTUX_DlgObj._cordovaReady = true;
} , false);
}
catch(err) {}
TESTUX_DlgObj._waitGif = 'css/A5System/Images/wait.gif';
TESTUX_DlgObj._layoutMode = 'containerwidth';
TESTUX_DlgObj._responsiveRulesMode = 'firsttrue';
TESTUX_DlgObj.__controlNesting = {
}
TESTUX_DlgObj._listsDV = [];
TESTUX_DlgObj._listControls = [];
TESTUX_DlgObj._localStorageSettings = {namespace: 'ALPHA_21d5b5d9e4474b0b8eb9f4060d221e63',friendlyName: '',description: '',persistVariableValues: false,__version: 1,persistComponentState: false,workingPreviewTestingMode: 'Browser',workingPreviewTestingFolder: '',restore: {variables: false,data: false,state: false},minify: false}
TESTUX_DlgObj.prepare();TESTUX_DlgObj.populate(TESTUX_DlgObj.originalValues[0]);
TESTUX_DlgObj._fireWatches(1);
if(!A5.flags.isMobile) $e.add(window,'resize',TESTUX_DlgObj._functions.calcOrientation);
else $e.add(window,'orientationchange',TESTUX_DlgObj._functions.calcOrientation);
TESTUX_DlgObj._functions.calcOrientation();
setTimeout(function() { },0);
TESTUX_DlgObj._executeEvent('onInitializeComplete');
TESTUX_DlgObj.initialized = true;
TESTUX_DlgObj._onRenderComplete = function() { TESTUX_DlgObj._runJSOnLoad(); TESTUX_DlgObj._findActiveLayoutRule(); };
setTimeout(function() {TESTUX_DlgObj._executeEvent('onRenderComplete'); TESTUX_DlgObj.flagRenderComplete = true; TESTUX_DlgObj._restoreFromLocalStorage(); },1);
TESTUX_DlgObj._getOnlineStatus();
try {
window.addEventListener("offline",function() { TESTUX_DlgObj._fireOnConnectionChangeEvent() });
window.addEventListener("online",function() { TESTUX_DlgObj._fireOnConnectionChangeEvent() });
} catch(err){}
setTimeout(function() { },10);;
TESTUX_DlgObj._activeLanguage = '<Default>';
</script>
</body>
</html>
In other words does a page execute when a search bot visits it or does a search bot only see the content of the A5W file as I see it in the AA html editor (the first code) or the generated html (the second code)
Comment