Aku tidak tahu cara lakukan SEO Artikel ini dapat membantu

From Hikvision Guides
Jump to: navigation, search
Optimasi mesin pencari amat sangat mutlak utk kesuksesan usaha online anda dikarenakan menentukan visibilitas website web kamu walaupun bisa saja kelihatan menakutkan kepada pandangan perdana ada banyak saran yg saling bertentangan namun beberapa tips & prinsip sederhana bisa menciptakan semua perbedaan. pada artikel ini, kami menjelaskan beraneka ragam cara utk membuat SEO efektif bagi Anda.

janganlah biarkan optimisasi mesin pencari mengendalikan usaha online anda Tentu saja, SEO ialah bagian utama dari membangun web web kamu tapi SEO tak boleh sepenting kepuasan pelanggan kamu bila kamu menghabiskan terlampaui banyak diwaktu kepada optimasi mesin pencari untuk mengabaikan pelanggan kamu anda mesti menilai kembali prioritas Anda.

<!DOCTYPE html><br/><br/><html xmlns=




















Blog Pattern














class="PatternThump">











<form action="AjaxBlogPhoto.aspx" target="ifrSlf" method="post" enctype="multipart/form-data">







<input type="file" id="btnFile" name="btnFile[]" multiple="" onchange1="javascript:UploadGridImage(this,this.id);" <br="" /> onchange="javascript:UploadGridImages(this,this.id,'Image');" class="browse"



style="display: none">







<input style="display: none;" type="submit" id="btnImgUpd" />







<input type="hidden" name="hidLogo" id="hidLogo" />































</form>







































































<form method="post">







<input type="hidden" id="hidSharePage" name="hidSharePage" value="Blog" />







<input type="hidden" name="ccShareType" id="ccShareType" /> <input type="hidden" name="ccImagetype" id="ccImagetype" /> <input type="hidden" name="ccFullURL" id="ccFullURL" /> <input type="hidden" name="ccFileName" id="ccFileName" /> <input type="hidden" name="ccThumbURL" id="ccThumbURL" /> <input type="hidden" name="ccMsgType" id="ccMsgType" />



























































































































































<tbody>




<tr>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>













































<link href="http://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet" <br="" /> type="text/css">







<meta name="viewport" content="initial-scale=1, maximum-scale=1" />







<meta name="apple-mobile-web-app-capable" content="yes" />







<script src="http://a1.appcache.ingrid.ws/zcommunity/scripts/1.4.0/jquery.min.js" <br=""></script> type="text/javascript">







<script type="text/javascript" src="http://a1.appcache.ingrid.ws/zcommunity/tinymce/js/tinymce/tinymce.min.js?d"></script>



















<script type="text/javascript" src="http://a2.appcache.ingrid.ws/zcommunity/scripts/ajaxfileupload.js"></script>







<script type="text/javascript" src="http://a4.appcache.ingrid.ws/zcommunity/scripts/ShareContols_Editor.js?20190509"></script>







<script type="text/javascript" src="http://a3.appcache.ingrid.ws/zcommunity/scripts/jquery.endless-scroll.js"></script>







<style type="text/css">

#mce_50-body

overflow-x: auto;

.itemtext-new

font-family: Candara,Tahoma,Arial, Helvetica, sans-serif;
color: #303030;
font-size: 18px;
width: 20%;


.new-ok-button

padding: 10px 20px;
-webkit-border-radius: 50px/50px 50px 50px 50px;
-moz-border-radius: 50px/50px 50px 50px 50px;
border-radius: 50px/50px 50px 50px 50px;
-webkit-box-shadow: 0 2px 8px rgba(190,190,190,.39);
-moz-box-shadow: 0 2px 8px rgba(190,190,190,.39);
box-shadow: 0 2px 8px rgba(190,190,190,.39);
border: solid 1px #bebebe;
background-image: -webkit-linear-gradient(bottom, #e6e6e6, #fff);
background-image: -moz-linear-gradient(bottom, #e6e6e6, #fff);
background-image: -o-linear-gradient(bottom, #e6e6e6, #fff);
background-image: -ms-linear-gradient(bottom, #e6e6e6, #fff);
background-image: linear-gradient(to top, #e6e6e6, #fff);
cursor: pointer;
margin-left: 10px;
float: right;
margin-bottom: 10px;
margin-top: 10px;
color: #383838;
font-family: Candara,Tahoma,Arial, Helvetica, sans-serif;


.input-box-blog

box-sizing: border-box;
padding: 11px 20px;
width: 100%;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #fff;
-webkit-box-shadow: 0 0 21px rgba(255,255,255,.55), inset 1px 2px rgba(79,79,79,.67);
-moz-box-shadow: 0 0 21px rgba(255,255,255,.55), inset 1px 2px rgba(79,79,79,.67);
box-shadow: 0 0 21px rgba(255,255,255,.55), inset 1px 2px rgba(79,79,79,.67);
border: solid 1px #bebebe;
outline: none;
font-family: Candara,Tahoma,Arial, Helvetica, sans-serif;
font-size: 18px;
color: #303030;
padding-right: 38px;


.expandbtn

position: absolute;
z-index: 2;
font-family: sans-serif;
font-size: 9pt;



.EditorShareDiv

display: inline-block;
width: 100%;
padding: 10px 0px;


.mce-menubtn.mce-fixed-width span

width: 80px;


.mce-window

width: 50% !important;
left: 22% !important;


.mce-textbox.mce-multiline

width: 100% !important;
box-sizing: border-box;
left: 0 !important;
position: relative !important;


.mce-container-body.mce-abs-layout

box-sizing: border-box;
padding: 0px 20px;



.mce-tinymce

clear: both;


.Backbtn

width: 78px;
height: 28px;
float: right;
margin-top: 17px;
margin-right: 40px;
display: block;
margin-left: 1%;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
-webkit-box-shadow: rgb(185, 214, 231) 0px 2px 0px, rgb(142, 188, 218) 0px 2px 1px;
box-shadow: rgb(185, 214, 231) 0px 2px 0px, rgb(142, 188, 218) 0px 2px 1px;
-webkit-transition: box-shadow 0.1s ease-in-out;
transition: box-shadow 0.1s ease-in-out;
cursor: pointer;
text-align: center;



.slideshowpreviewdiv

position: fixed;
z-index: 14;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0 2px 24px rgba(0,1,2,.45);
-moz-box-shadow: 0 2px 24px rgba(0,1,2,.45);
box-shadow: 0 2px 24px rgba(0,1,2,.45);
border: solid 1px #fff;
background-color: #fbfbfb;
box-sizing: border-box;
padding: 20px;
clear: both;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
white-space: nowrap;



.slideshowpreviewclose

position: absolute;
right: 10px;
top: 10px;
background-color: white;
padding: 6px;
border-radius: 55px !important;
border: 1px solid #BDBDE6 !important;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
cursor: pointer;
display: inline-flex;


.slideshowrelativediv

position: relative;
width: 500px;
height: 500px;


.slideshowupimages

width: 100%;
border-top: 1px solid #CBCBCB;
box-sizing: border-box;
padding-top: 10px;


.slideshowupimages img

float: left;
width: 100px;
height: 100px;
border-radius: 10px;
margin-right: 1px;
margin-top: 1px;


.slideshowupimages img:after

content: 'X';


.EditorContent

font-family: Candara,Arial, Helvetica, sans-serif;
font-size: 18px;
color: #303030;
float: left;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 5px 5px;


.EditorContentThump

width: 34px;
height: 34px;
-webkit-border-radius: 0 3px 0 4px/0 3px;
-moz-border-radius: 0 3px 0 4px/0 3px;
border-radius: 0 3px 0 4px/0 3px;
border: solid 1px #fff;
vertical-align: middle;
float: left;
margin-right: 10px;
border: 1px solid #DADADA;
background-color: rgb(240, 240, 240);


.ThumpImage

width: 100%;
height: 100%;


.EditorItemSelected

background-color: #e8e8e8;


.EditorItemsList

position: relative;
width: 100%;
cursor: pointer;
border-bottom: 1px solid #E4E4E4;
float: left;


.Editorcheckboxcontainer

border-radius: 8px;
background-color: #fff;
box-shadow: 0 3px 5px rgba(126,126,126,.19);
border: solid 1px #d2d2d2;
box-sizing: border-box;
padding: 15px;
width: 100%;
overflow: auto;
overflow-x: hidden;
max-height: 250px;


.Editorcheckboxcontainerdiv

position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
z-index: 14;
width: 30%;
min-width: 320px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0 2px 24px rgba(0,1,2,.45);
-moz-box-shadow: 0 2px 24px rgba(0,1,2,.45);
box-shadow: 0 2px 24px rgba(0,1,2,.45);
border: solid 1px #fff;
background-color: #fbfbfb;
padding: 26px;
clear: both;
white-space: nowrap;


.cubeecontrolclose

position: absolute;
right: 10px;
top: 10px;
background-color: white;
padding: 6px;
border-radius: 55px !important;
border: 1px solid #BDBDE6 !important;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
cursor: pointer;
display: inline-flex;


.InputBoxEditor

box-sizing: border-box;
padding: 11px 20px;
width: 100%;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #fff;
-webkit-box-shadow: 0 0 21px rgba(255,255,255,.55), inset 1px 2px rgba(79,79,79,.67);
-moz-box-shadow: 0 0 21px rgba(255,255,255,.55), inset 1px 2px rgba(79,79,79,.67);
box-shadow: 0 0 21px rgba(255,255,255,.55), inset 1px 2px rgba(79,79,79,.67);
border: solid 1px #bebebe;
outline: none;
font-family: Candara,Tahoma,Arial, Helvetica, sans-serif;
font-size: 18px;
color: #303030;
padding-right: 38px;
margin-top: 20px;


#Birthday img

width: 75px;
height: 75px;


a

text-decoration: none !important;


#SharePanelContainer

margin-top: 5px;
-webkit-transition: -webkit-transform .1s ease-in-out;
-moz-transition: -moz-transform .1s ease-in-out;
-o-transition: -o-transform .1s ease-in-out;
transition: transform .1s ease-in-out;



#Editor_ifr

border: none;
border-radius: 0px;
display: block;
width: 100% !important;
padding: 0px !important;
box-sizing: border-box;
box-shadow: none !important;



/*
.EditorShareDiv

width: 220px;
float: left;
*/

.EditorShare

padding: 2px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #d9eeff;
-webkit-box-shadow: 0 2px 8px rgba(190, 190, 190, .39);
-moz-box-shadow: 0 2px 8px rgba(190, 190, 190, .39);
box-shadow: 0 2px 8px rgba(190, 190, 190, .39);
border: solid 1px #bebebe !important;
background-image: -webkit-linear-gradient(bottom, #e6e6e6, #fff) !important;
background-image: -moz-linear-gradient(bottom, #e6e6e6, #fff) !important;
background-image: -o-linear-gradient(bottom, #e6e6e6, #fff) !important;
background-image: linear-gradient(to top, #e6e6e6, #fff) !important;
cursor: pointer !important;
margin-right: 2%;
float: left;
cursor: pointer;


.sharebutton:active, .NavButton:active, .SearchButton:active, .sharebutton2:active, .cubeecontroll:active, .fullprofileButton:active, .ArchivesIcon:active, .SortArchives:active, .BigButton:active, .close:active, .EditorShare:active, .calloutButton:active, .albumbutton:active, .NavButton4:active, .RectangleButton:active, .DraftButtons:active, .ArchivesIcon2:active, .SearchButton2:active, .DraftButtons2:active, .BackButton:active

-webkit-transform: translate(0, 1px);
-moz-transform: translate(0, 1px);
-ms-transform: translate(0, 1px);
background-color: #eef4f8;
-webkit-box-shadow: 0 0 17px 23px rgba(255, 255, 255, .57), inset 0 2px rgba(73, 110, 149, .75) !important;
-moz-box-shadow: 0 0 17px 23px rgba(255, 255, 255, .57), inset 0 2px rgba(73, 110, 149, .75) !important;
box-shadow: 0 0 17px 23px rgba(255, 255, 255, .57), inset 0 2px rgba(73, 110, 149, .75) !important;
border: solid 1px #7db1e5 !important;
background-image: -webkit-linear-gradient(top, #76c5f6, #97d6fe 66%) !important;
background-image: -moz-linear-gradient(top, #76c5f6, #97d6fe 66%) !important;
background-image: -o-linear-gradient(top, #76c5f6, #97d6fe 66%) !important;
background-image: -ms-linear-gradient(top, #76c5f6, #97d6fe 66%) !important;
background-image: linear-gradient(to bottom, #76c5f6, #97d6fe 66%) !important;
color: #FFFFFF;
cursor: pointer;



.silverbtn

font-family: open Sans !important;
font-size: 13pt;
text-align: center;
display: inline-block;
outline: none;
cursor: pointer;
padding: 5px;
border: 1px solid #DBDBDB;
border-radius: 20px !important;
box-shadow: 1px 3px 4px #7C99BD;
color: #606060;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
background: -moz-linear-gradient(top, #fff, #e6e6e6);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
-webkit-box-shadow: 0 3px rgba(96, 145, 175, .42);
-moz-box-shadow: 0 3px rgba(96, 145, 175, .42);
box-shadow: 0 3px rgba(96, 145, 175, .42);
text-decoration: none;


.silverbtn:active

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #EEF4F8;
-webkit-box-shadow: 0 0 17px 23px rgba(255, 255, 255, .57), inset 0 2px rgba(73, 110, 149, .75);
-moz-box-shadow: 0 0 17px 23px rgba(255, 255, 255, .57), inset 0 2px rgba(73, 110, 149, .75);
box-shadow: 0 0 17px 23px rgba(255, 255, 255, .57), inset 0 2px rgba(73, 110, 149, .75);
border: solid 1px #7DB1E5;
background-image: -webkit-linear-gradient(top, #76C5F6, #97D6FE 66%);
background-image: -moz-linear-gradient(top, #76C5F6, #97D6FE 66%);
background-image: -o-linear-gradient(top, #76C5F6, #97D6FE 66%);
background-image: -ms-linear-gradient(top, #76C5F6, #97D6FE 66%);
background-image: linear-gradient(to bottom, #76C5F6, #97D6FE 66%);


.EditorShare2

padding: 2px !important;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
border-radius: 50px !important;
background-color: #d9eeff !important;
-webkit-box-shadow: 0 2px 8px rgba(190, 190, 190, .39) !important;
-moz-box-shadow: 0 2px 8px rgba(190, 190, 190, .39) !important;
box-shadow: 0 2px 8px rgba(190, 190, 190, .39) !important;
border: solid 1px #bebebe !important;
background-image: -webkit-linear-gradient(bottom, #e6e6e6, #fff) !important;
background-image: -moz-linear-gradient(bottom, #e6e6e6, #fff) !important;
background-image: -o-linear-gradient(bottom, #e6e6e6, #fff) !important;
background-image: linear-gradient(to top, #e6e6e6, #fff) !important;
cursor: pointer !important;
margin-right: 10px !important;
float: left !important;
margin-top: -4px !important;


.CreateBlogTitle

font-size: 25px !important;
color: #1f1f1f !important;
border-bottom: 1px solid #d2d2d2 !important;
margin-top: 20px !important;
padding-bottom: 10px !important;


.AlbumDiv

position: relative !important;
display: inline-block;
width: 100% !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-bottom: 20px !important;
-webkit-border-radius: 20px !important;
-moz-border-radius: 20px !important;
border-radius: 20px !important;
background-color: #fff !important;
-webkit-box-shadow: 0 0 21px rgba(255, 255, 255, .55), 0 2px 3px rgba(0, 0, 0, .27) !important;
-moz-box-shadow: 0 0 21px rgba(255, 255, 255, .55), 0 2px 3px rgba(0, 0, 0, .27) !important;
box-shadow: 0 0 21px rgba(255, 255, 255, .55), 0 2px 3px rgba(0, 0, 0, .27) !important;
border: solid 1px #bebebe !important;
background-image: -webkit-linear-gradient(bottom, #e6e6e6, #f7f7f7) !important;
background-image: -moz-linear-gradient(bottom, #e6e6e6, #f7f7f7) !important;
background-image: -o-linear-gradient(bottom, #e6e6e6, #f7f7f7) !important;
background-image: linear-gradient(to top, #e6e6e6, #f7f7f7) !important;
box-sizing: border-box !important;


.albumThumbDiv

font-size: 18px !important;
color: #1f1f1f !important;
margin-top: 15px !important;
width: 140px !important;
float: left !important;
margin-right: 20px !important;


.albumThumb

-webkit-border-radius: 100px !important;
-moz-border-radius: 100px !important;
border-radius: 100px !important;
background-color: #fff !important;
-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, .25) !important;
-moz-box-shadow: 0 5px 9px rgba(0, 0, 0, .25) !important;
box-shadow: 0 5px 9px rgba(0, 0, 0, .25) !important;
border: solid 6px #fff !important;
cursor: pointer !important;
height: 133px;
width: 133px;


.albumThumbTitle

width: 100% !important;
text-align: center !important;


.panel

margin-top: 5px;
-webkit-transition: -webkit-transform .1s ease-in-out;
-moz-transition: -moz-transform .1s ease-in-out;
-o-transition: -o-transform .1s ease-in-out;
transition: transform .1s ease-in-out;


.scrollpanel

height: 260px;
overflow: scroll;


.albumListing

-webkit-border-radius: 100px !important;
-moz-border-radius: 100px !important;
border-radius: 100px !important;
background-color: #fff !important;
-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, .25) !important;
-moz-box-shadow: 0 5px 9px rgba(0, 0, 0, .25) !important;
box-shadow: 0 5px 9px rgba(0, 0, 0, .25) !important;
border: solid 6px #fff !important;
cursor: pointer !important;
height: 100px;
width: 100px;


@media only screen and (min-width : 481px) and (max-width : 1024px)



@media only screen and (min-width : 100px) and (max-width : 481px)

.Editorcheckboxcontainerdiv

padding: 15px;
box-sizing: border-box;
width: 100%;


.mce-window

width: 100% !important;
left: 0% !important;


body .mce-abs-layout-item, .mce-abs-end

position: relative;
left: 0 !important;


.mce-container-body.mce-abs-layout

padding: 0px 10px;
width: 100% !important;


.mce-foot

width: 100% !important;


.mce-container

width: 100% !important;


.mce-popover.mce-bottom.mce-start

width: inherit !important;



.Editorcheckboxcontainer

width: 100%;


.EditorContent

float: none;


.EditorShare

padding: 1px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #d9eeff;
-webkit-box-shadow: 0 2px 8px rgba(190,190,190,.39);
-moz-box-shadow: 0 2px 8px rgba(190,190,190,.39);
box-shadow: 0 2px 8px rgba(190,190,190,.39);
border: solid 1px #bebebe;
background-image: -webkit-linear-gradient(bottom, #e6e6e6, #fff);
background-image: -moz-linear-gradient(bottom, #e6e6e6, #fff);
background-image: -o-linear-gradient(bottom, #e6e6e6, #fff);
background-image: linear-gradient(to top, #e6e6e6, #fff);
cursor: pointer;
margin-right: 2%;
margin-top: -4px; /*display: none;*/

/*div[aria-label="Font Sizes"]

width: 20%;


div[aria-label="Font Family"]

width: 35%;

div[aria-label="Redo"], div[aria-label="Undo"], div[aria-label="Bullet list"], div[aria-label="Text color"], div[aria-label="Table"]

display: none;
*/

</style>















<script type="text/javascript">



var UrlInEditor;
var SomeUrlArray = [];

function ShowConfirmLinkExpansion()

$(".expandbtn").show();//tinyMCE.activeEditor.selection.getRng().startOffset // $(tinyMCE.activeEditor.selection.getNode()).position().top
$(".expandbtn .expandtxt").html('Add Link Preview?');
//$(".expandbtn").css("top", tinyMCE.activeEditor.selection.getRng().startOffset + $("#Editor_ifr").offset().top + 50);
$(".expandbtn").css("top", tinyMCE.activeEditor.selection.getRng().getClientRects()[0].top + $("#Editor_ifr").offset().top + 20);
//$(".expandbtn").css("left", tinyMCE.activeEditor.selection.getRng().getClientRects()[0].left);
//console.log(tinyMCE.activeEditor.selection.getRng().getClientRects()[0].top);


function UrlExpand()

$(".expandbtn .expandtxt").html('loading...');
ReadPageDetails(UrlInEditor);

function closethis(e)


//$("#Editor_ifr").contents().find(".expandbtn").css("display","none");
//$("#Editor_ifr").contents().find(e).css("display","none");
//console.log($("#Editor_ifr").contents().find(e.srcElement));
$(".expandbtn").css("display", "none");

function insert_contents(inst)

//inst.setContent('  ');
tinymce.Editor.select('  ');
inst.focus();
// ed.selection.select(newParagraph);
tinymce.Editor.selection.collapse(false);


$(window).load(function ()
//$(window).load(function ()

$("#dvMsg").load("IngridMsgAlert.html");
tinymce.init( codesample help',
table_advtab: true,*/
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table directionality",
"emoticons template paste textcolor link"
],

toolbar1: "undo redo bold italic underline fontsizeselect fontselect alignleft aligncenter alignright alignjustify styleselect bullist numlist table link forecolor backcolor emoticons preview code",
table_advtab: true,
/*

table_grid: true,

table_row_advtab: true,
table_cell_advtab: true,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table contextmenu paste code'
],
toolbar1: "undo redo </body></html</script>







</div>



</div>



</form>



</div>



</div>
Heading <input id="txtBlogHead" maxlength="150" class="InputBox" name="ccHead" type="text" <br="" /> placeholder="Heading" required="required"><span style="display: none; color: red;" <br=""></span> id="spnHeadRequired"> * Heading field required.