分类 随笔 下的文章

今天在和俱乐部的群里聊天的时候,林总贴出了这样一则指引。很是受用,不敢私藏,拿出来分享于大家。

邯郸SEO

第一、完善一下网站信息;/*这个不用多解释*/

第二、提交百度站长平台;/*地址http://zhanzhang.baidu.com/ 提交后方便查看数据和提交数据*/

第三、提交各个搜索引擎;/*详情参见SEO之各大搜索引擎提交入口*/

第四、分享到百度贴吧(魔兽等);/*需要安装分享代码*/

第五、新建新浪博客,发文章,加链接。/*如题*/

第六、提交目录类网站/*如题*/

第七、做搜狐自媒体外链;/*地址http://mp.sohu.com 非常简单申请就过*/

第八、每天更新,分享内页到百度贴吧,搜狐等;/*如题*/

在SEO过程中说不定会对你有所帮助。

大概也解释一遍,方便理解。

 

话不多说,上菜

百度搜索网站登录口:http://www.baidu.com/search/url_submit.html

百度单个网页提交入口:http://zhanzhang.baidu.com/sitesubmit

Google网站登录口:https://www.google.com/webmasters/tools/submit-url

360搜索引擎登录入口:http://info.so.360.cn/site_submit.html

搜搜网站收录提交入口:http://www.soso.com/help/usb/urlsubmit.shtml

搜狗网站收录提交入口:http://www.sogou.com/feedback/urlfeedback.php

必应网站提交登录入口:http://www.bing.com/toolbox/submit-site-url

搜索引擎的登陆口还有很多,但是现在最流行的搜索引擎就是上面几种了,这些搜索引擎可以说占据了市场95%以上的份额!

 

在做嘀嗒萌的时候遇到了一个问题,因为网站是动漫站,首页需要放很多的图片,这样就涉及到一个网站加载速度的问题。

原先网站上部有一个十张图的大幻灯,一张图少说也200K了,这就造成了打开网站首页需要等很久。我们这种小屌丝是买不起那么大的带宽的vps的。

那么问题来了,挖掘机技术哪家强?

。。。。

偏了,偏了,如何让大图延迟加载来提高网页整体的加载速度呢?

于是就有了图片异步加载,百度了一把(因为打不开谷歌)。

找到了一个早一点的解决方案,就是lazyload.js

上代码

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.lazyload.js"></script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$("img").lazyload({
     placeholder : /js/grey.gif", //加载图片前的占位图片
     effect      : "fadeIn" //加载图片使用的效果(淡入)
});
});
</script>

但是放上去后好像没有什么卵用,气急败坏:这还做毛SEO用户体验啊!

但是在下拉的时候发现:诶?好像下边的图片是延迟加载的,(骂早了。。)

因为并不懂什么是JS,直接拿来套的,没理解原理,想了想大概知道了,是要在屏幕外的才不会加载。姑且这么理解吧。

 

但是这不行啊,就比如我这样,幻灯,肯定会在第一屏。那这个异步就等于没用了。

辗转反侧,下午在找幻灯特效的时候看到了superslide家的竟然也有异步,而且这个异步正合幻灯加载的胃口,不显示到这一页的幻灯就不加载,就等于说打开首页只会加载幻灯的第一张,这极大的减少了首页初次加载大小。

不敢私藏

<div id="switchLoad">
    <div class="hd">
        <ul>
            <li>全部</li>
            <li>爱情</li>
            <li>动作</li>
            <li>喜剧</li>
        </ul>
    </div>
    <div class="bd">
            <ul>
                <li><a href="http://www.SuperSlide2.com"><img src="images/blank.png" _src="images/1.1.jpg"></a>
                    <h6>《一代宗师》特辑</h6><p>幕后制作特辑</p>
                </li>
                ......
            </ul><!-- ul E -->
 
            <ul>
                <li><a href="http://www.SuperSlide2.com"><img src="images/blank.png" _src="images/2.1.jpg"></a>
                    <h6>《一代宗师》特辑</h6><p>幕后制作特辑</p>
                </li>
                ......
            </ul><!-- ul E -->
 
            <ul>
                <li><a href="http://www.SuperSlide2.com"><img src="images/blank.png" _src="images/3.1.jpg"></a>
                    <h6>《一代宗师》特辑</h6><p>幕后制作特辑</p>
                </li>
                ......
            </ul><!-- ul E -->
 
            <ul>
                <li><a href="http://www.SuperSlide2.com"><img src="images/blank.png" _src="images/4.1.jpg"></a>
                    <h6>《一代宗师》特辑</h6><p>幕后制作特辑</p>
                </li>
                ......
            </ul><!-- ul E -->
    </div>
</div>
			<script type="text/javascript">

				jQuery(".switchLoad").slide({ trigger:"click",switchLoad:"_src",delayTime:0 });

			</script>

这是官方给出的代码,要先引入JQ库和superslide库,

<script src="http://libs.baidu.com/jquery/1.4.2/jquery.min.js"></script><script src="/jquery.SuperSlide.2.1.1.js"></script>

代码有点多,其实真正用到的除了必须的JS调用就只是

<img src="images/blank.png" _src="images/4.1.jpg">

这一句而已。

戳这里下载库

http://pan.baidu.com/s/1jG1ufJK

1

在仿站的时候遇到一个站,急速模式下右键查看源代码,不但源代码没出来,浏览模式还跳到IE了。十分不方便调试,不过也挺有趣,找到原因,不敢独藏。

只需要在<head>中加入如下代码即可

<meta name="renderer" content="ie-comp" />