شاید عنوان حساسیت برانگیز باشه اما دلیل اصلی نگارش نگاه متفاوت به صفحه ساز های مرسوم در سیستم های مدیریت محتواست. در واقع ابزارهای ساخت صفحات سایت که در حال گسترش نیز هستند.
خیلی از صاحبان کسب و کار و وب سایت های اینترنتی اطلاعی از کد نویسی ندارند و طراحی قالب برایشان بسیار دشوار است از این رو برای سهولت این افراد ابزارهای متفاوتی توسعه یافته است. بخش خوب داستان دست باز در طراحی و زیبا سازی صفحات وب سایت است. اما قسمت ترسناک داستان که کسی سراغش نمی رود پشت صحنه این اتفاق است.
صفحه ساز ها چگونه کار می کنند.
هر سیستم مدیریت محتوایی مستقل از نوع عملکرد برای کاربر خود این امکان را فراهم می کند تا صفحات دلخواه را ایجاد کند. اما متاسفانه این صفحات دلخواه فقط ترکیبی از عنوان و توضیحات یا متن معرفی است و حداکثر می توان برای آنها تصویر هایی لا به لای متن گذاشت یا با استفاده از تگ های هدلاین عناوین را کوچک و بزرگ کرد.
صفحه ساز ها از همین باکس ادیتور شما برای طراحی خود استفاده می کند یعنی به جای شما اقدام به کد گزاری در داخل این ادیتور ها می کند و بعد کد های گذاشته شده را با کد های خود جایگزین می کند مثال زیر را ببینید.
[slider photo="1.jpg,2.jpg"]
این کد توسط ابزار د ر داخل مدیریت قرار داده شده و خروجی کار یک اسلاید با استفاده از تصاویر تعریف شده است.
خب مشکل کار کجاست.
در حال عادی شما با استفاده از ابزارک های طراحی شده میتوانید یک اسلایدر را بسازید و براحتی فقط با چند خط کد آنرا طراحی کنید.
<div class="slider_container">
<ul>
<li><img src="1.jpg"></li>
<li><img src="2.jpg"></li>
</ul>
</div>
این یک کد استاندارد ساده برای نمایش یک اسلایدر است. اما در صفحه ساز اتفاق خیلی سنگین تر می افتد:
<section id="section-60a17e0ee20fa" class="liberty_section nopadding-right-left tbWow fadeIn" style=" " >
<div class="liberty_no_container" style=' padding-top: 0px; padding-bottom: 0px; '>
<div class="fw-row nostretch">
<div id="column-60a17e0ee256c" class="tb-column nostretch col-xs-12 col-sm-12 use-default-padding " >
<div style=" " class=" noabsolutecenter nopadding-xs">
<!-- START Home REVOLUTION SLIDER 6.2.23 -->
<p class="rs-p-wp-fix"></p>
<rs-module-wrap id="rev_slider_10_1_wrapper" data-source="gallery" style="background:#efefef;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
<rs-module id="rev_slider_10_1" class=" rs-ov-hidden" style="" data-version="6.2.23">
<rs-slides>
<rs-slide data-key="rs-21" data-title="Slide" data-anim="ei:d;eo:d;s:700;r:0;t:fade;sl:d;">
<img src="images/dummy.png" title="Home" data-lazyload="images/slide9_850.jpg" data-parallax="off" class="rev-slidebg" data-no-retina>
<!---->
</rs-slide>
<rs-slide data-key="rs-23" data-title="Slide" data-anim="ei:d;eo:d;s:700;r:0;t:fade;sl:d;">
<img src="images/dummy.png" title="Home" data-lazyload="images/slide2_850.jpg" data-parallax="off" class="rev-slidebg" data-no-retina>
<!---->
</rs-slide>
<rs-slide data-key="rs-24" data-title="Slide" data-anim="ei:d;eo:d;s:700;r:0;t:fade;sl:d;">
<img src="images/dummy.png" title="Home" data-lazyload="images/slide3_850-1.jpg" data-parallax="off" class="rev-slidebg" data-no-retina>
<!---->
</rs-slide>
<rs-slide data-key="rs-25" data-title="Slide" data-anim="ei:d;eo:d;s:700;r:0;t:fade;sl:d;">
<img src="images/dummy.png" title="Home" data-lazyload="images/slide6_850.jpg" data-parallax="off" class="rev-slidebg" data-no-retina>
<!---->
</rs-slide>
</rs-slides>
<rs-static-layers>
<!--
-->
<rs-layer
id="slider-10-slide-4-layer-1"
class="rs-layer-static"
data-type="image"
data-rsp_ch="on"
data-xy="x:c;y:c;"
data-text="l:22;"
data-dim="w:736px;h:234px;"
data-onslides="s:1;"
data-frame_0="tp:600;"
data-frame_1="tp:600;e:power2.inOut;st:700;sp:800;"
data-frame_999="o:0;tp:600;e:nothing;st:6500;sp:800;"
style="z-index:5;"
><img src="images/dummy.png" width="736" height="234" data-lazyload="images/slide_container.png" data-no-retina>
</rs-layer>
<!--
-->
<rs-layer
id="slider-10-slide-4-layer-2"
class="Slider-Title rs-layer-static"
data-type="text"
data-color="rgba(255,255,255,1)"
data-rsp_ch="on"
data-xy="x:c;y:c;yo:-35px;"
data-text="s:38;l:55;a:center;"
data-onslides="s:1;"
data-padding="b:10;"
data-frame_0="tp:600;"
data-frame_1="tp:600;e:power2.inOut;st:800;sp:1000;"
data-frame_999="o:0;tp:600;e:nothing;st:w;"
style="z-index:6;font-family:IRANSans;text-align:center;"
>POLITICAL CHANGE TROUGH THE
</rs-layer>
<!--
-->
<rs-layer
id="slider-10-slide-4-layer-3"
class="Slider-Title rs-layer-static"
data-type="text"
data-color="rgba(255,255,255,1)"
data-rsp_ch="on"
data-xy="x:c;y:c;yo:15px;"
data-text="s:38;l:55;a:center;"
data-onslides="s:1;"
data-padding="b:10;"
data-frame_0="tp:600;"
data-frame_1="tp:600;e:power2.inOut;st:1050;sp:1000;"
data-frame_999="o:0;tp:600;e:nothing;st:w;"
style="z-index:7;font-family:IRANSans;text-align:center;"
>POWER OF WORDPRESS
</rs-layer>
<!--
-->
<rs-layer
id="slider-10-slide-4-layer-4"
class="Slider-Title2 rs-layer-static"
data-type="text"
data-color="rgba(255,255,255,1)"
data-rsp_ch="on"
data-xy="x:c;y:c;yo:65px;"
data-text="s:18;l:55;a:center;"
data-onslides="s:1;"
data-padding="b:10;"
data-frame_0="tp:600;"
data-frame_1="tp:600;e:power2.inOut;st:1200;sp:1000;"
data-frame_999="o:0;tp:600;e:nothing;st:w;"
style="z-index:8;font-family:IRANSans;text-align:center;"
>Premium WordPress Theme Designed for Political Campaign
</rs-layer>
<!--
-->
</rs-static-layers>
</rs-module>
<script type="text/javascript">
setREVStartSize({c: 'rev_slider_10_1',rl:[1240,1024,778,480],el:[],gw:[1170],gh:[550],type:'standard',justify:'',layout:'fullwidth',mh:"0"});
var revapi10,
tpj;
function revinit_revslider101() {
jQuery(function() {
tpj = jQuery;
revapi10 = tpj("#rev_slider_10_1");
if(revapi10==undefined || revapi10.revolution == undefined){
revslider_showDoubleJqueryError("rev_slider_10_1");
}else{
revapi10.revolution({
sliderLayout:"fullwidth",
duration:7000,
visibilityLevels:"1240,1024,778,480",
gridwidth:1170,
gridheight:550,
lazyType:"single",
perspectiveType:"local",
responsiveLevels:"1240,1024,778,480",
progressBar:{disableProgressBar:true},
navigation: {
onHoverStop:false
},
parallax: {
levels:[5,10,15,20,25,30,35,40,45,46,47,48,49,50,51,55],
type:"mouse",
disable_onmobile:true
},
fallbacks: {
allowHTML5AutoPlayOnAndroid:true
},
});
}
});
} // End of RevInitScript
var once_revslider101 = false;
if (document.readyState === "loading") {document.addEventListener('readystatechange',function() { if((document.readyState === "interactive" || document.readyState === "complete") && !once_revslider101 ) { once_revslider101 = true; revinit_revslider101();}});} else {once_revslider101 = true; revinit_revslider101();}
</rs-module-wrap>
<!-- END REVOLUTION SLIDER -->
</div>
</div>
</div>
</div>
</section>
این خروجی یک اسلاید در یک صفحه ساز است.
فکر کنم حالا متوجه شدید مشکلا کجاست. متاسفانه صفحه ساز ها مثل نرم افزار ورد کد های بسیار زیادی را برای تولید یک ابزارک استفاده می کنند. قانونا یک موتور جستجو وقتی به سایت شما میرسد و یک صفحه را ایندکس می کند مقدار خاصی زمان و حجم خاصی را برای دانلود صفحه تعریف می کند ، حالا اگر صفحه شما با صفحه ساز ساخته شده باشد و حجم این صفحه از استاندارد یک صفحه معمولی بیشتر باشد ممکن است موتورهای جستجو از صفحه شما رد شوند یا اطلاعات ناقصی را از صفحه ایندکس کنند.
اگر مجبور به استفاده از صفحه ساز ها هستید بهتر است در بالای صفحه خود و در متاهای صفحه متون مهم صفحه را حتما وارد کنید تا موتورهای جستجو حداقل دست خالی از صفحه شما عبور نکنند.
