SEO优化

站长疑问?如何优化SEO

今天山河来谈一个关于网站的一个对搜索引擎的优化的问题,很多朋友对如何优化SEO啊有非常多的疑问。咱们今天给大家解决这个问题

先给大家理解什么叫SEO,所谓SEO呢,即为(Search Engine Optimization): 翻译过来就是搜索引擎优化的意思。

SEO图片
SEO

而优化SEO呢就是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式,通俗一点就是提升网站搜索关键词的排名,优化SEO的方式包括站外 SEO 和站内 SEO 两方面。

我就给大家讲解几个必备的:

1.域名必须备案,备案增加域名的可信度,百度对这个比较看重

2.各大搜索引擎平台进行提交,百度,搜狗,360,神马,头条,国外的就不用了,必应和谷歌这两个是最频繁的,其他国外搜索引擎平台大多被墙了,用户不多。

3.站内优化,页面的关键词,描述,标题要做好,标题和关键词要一针见血,必须要贴近你这个页面的内容,另外网站标题不能超过两个关键词,另外图片,超链接要加上title属性,超链接设置属性为要跳到新窗口。

4.站外优化,站外优化,友情链接肯定是必备的,大量的优质友情链接,能促进蜘蛛循环,形成蜘蛛池,蜘蛛越多自然就有好处,要注意,交换友情链接的时候记得要看对方是不是给你的超链接标签加上了rel=”nofollow” 属性,这个属性会告诉蜘蛛不要追踪特定的网页链接。

5.初期成立的网站呢,前几个星期要形成规律的发帖子方式,这个是一个大佬当年跟我说的,不知道现在还有不有用。

6.404错误页优化,减少用户流失

之外还要注意保证网站的稳定。

本篇文章就讲到这里了,我是山河,感谢大家看此文章。

文章为山河手动码出来的原创文章

本站采用创作共用版权 CC BY-NC-SA 3.0 CN 许可协议,转载或复制请注明出处

分享一个自定义好看的404错误页HTML5单页

分享一个自定义好看的404错误页HTML5单页

大家好我是山河,今天山河啊来分享一个好看的404错误页。

大家在开发网站的时候,是不是为了404错误页而烦恼呢?有许多网友叫山河折腾几个好看的404错误页出来,山河最近有时间折腾了,就在抓紧时间做页面,正写着呢,就有朋友发了一个404错误页给我,让我修复,山河修复好了,分享给大家,先给大家上效果图。

404错误页-山河博客
404错误页-山河博客

页面不是禁止的噢,页面有动画效果,只是山河没空做gif图

好了,这次就讲到这里,下班!

PS:本页面为网友分享给山河,山河仅做了修复,页面如有联系信息则为原作者,另外,如有侵犯您的权益,请联系山河删除。

blog.shanhe.info_mouse_code

Javascript | Js实现网站中隐藏鼠标改为自定义图片

大家好我是山河,今天给大家带来Javascript | Js实现网站中隐藏鼠标改为自定义图片,

有很多网友想把网页上的浏览鼠标换成自己喜欢的图片显示,今天山河就来给大家实现这个功能。

代码由 Javascript + html + css 实现 山河把代码注释都标齐全,轻轻松松学会

我换成了这个

shanhe鼠标效果图
鼠标图片

效果图,我录屏拍摄的帧率不高,

shanhe鼠标效果图
shanhe鼠标效果图

是不是鼠标没了换成了这个更好看了呢,最重要的是自定义了,想变啥变啥

话不多说,直接上代码

注释也给大家写好了,一看就明白

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>山河教程blog.shanhe.info-网站中隐藏鼠标改为自定义图片</title>
    <style>
        /* 默认外边距内边距为0 */
        * {
            margin: 0;
            padding: 0;
        }
        /* 将图片默认设置为隐藏 */
        .shanhe-website-mouse {
            display: none;
            position: absolute;
            width: 30px;
        }
    </style>
</head>
<body>
    <!-- 页面要有元素撑开 -->
    <div style="height: 100vh;width: 100%;">
        <!-- 替换鼠标的自定义图片 -->
        <img class="shanhe-website-mouse" id="img" src="./MC.png" alt="MC鼠标">
    </div>
    <!-- 山河教程网站原创文章-blog.shanhe.info -->
    <script>
        // 页面加载完成执行函数
        window.addEventListener('load', function(){
            // 获取body
            var body = document.body;
            // 窗口绑定鼠标移动事件
            window.onmousemove = function(m) {
                // 隐藏鼠标
                body.style.cursor = 'none';
                // 鼠标坐标
                var m = m || window.event;
                console.log(m);
                // 获取鼠标横坐标与纵坐标
                var x = m.pageX;
                var y = m.pageY;
                // 设置自定义图片位置(由于本案例是替换鼠标,所以不更改)
                // 获取自定义图片并设置显示再设置位置
                document.getElementById('img').style.display = 'block';
                document.getElementById('img').style.left = x - 29 + 'px';
                document.getElementById('img').style.top = y + 'p
            }
        });
    </script>
</body>
</html>
代码图片

好了,教程结束

本文是山河博客原创文章,转载请注明

下载地址在最下方

swapidc程序模板

山河今天整理东西的时候发现一个当年存的模板文件,现在应该还能用,

这个模板当时很火,当时是网友分享给我的,我保存收藏了一个,大家自己测试吧

不知道还有没有用,不过保存了挺久的,swapidc程序的模板。

下载后仅供学习使用参考,请24h内删除,商用请买正版,如果出现什么问题本站概不负责。

PHP实现验证码功能

大家好我是山河,今天我来分享一个经典案例——-实现PHP验证码功能

首先开启GD库扩展

php.ini里面找到

然后上代码

开启之后

上代码

<?php

//author:shanhe
//开启session
session_start();

//默认返回的是黑色的照片
$image = imagecreatetruecolor(100, 30);

//将背景设置为白色的
$bgcolor = imagecolorallocate($image, 255, 255, 255);

//将白色铺满地图
imagefill($image, 0, 0, $bgcolor);

//author:shanhe

//空字符串,每循环一次,追加到字符串后面 
$shanhe_user='';
// 62个混合码
function coderand($lentn) {
    $fontcontent = 'ABCDEFGHIJKLNMOPQRSTUVWXYZ01234567890abcdefghijklnmopqrstuvwxyz';
    mt_srand();
    $strcode = '';
    for($i=0;$i<$lentn;$i++) {
        $strcode .=$fontcontent[rand(0,61)];
    }
    return $strcode;
}
//验证码为随机四个数字或者字母
for ($i=0; $i < 4; $i++) {
    $fontsize=7;
    $fontcolor=imagecolorallocate($image,rand(0,120),rand(0,120),rand(0,120)); 
    //产生随机数字或者字母
    //调用函数
    $fontcontents = coderand(1);

    //记录信息
    $shanhe_user.= $fontcontents;
   //数字的位置
    $x=($i*100/5)+rand(5,10);
    $y=rand(5,10);
    imagestring( $image,$fontsize,$x,$y,$fontcontents,$fontcolor);
}

// 记录信息
$_SESSION['shanhewebsite'] = $shanhe_user;

//验证码背景点干扰元素
for ($i=0; $i < 200; $i++) {
    $pointcolor = imagecolorallocate($image,rand(50,200),rand(50,200),rand(50,200));
    imagesetpixel($image, rand(1,99), rand(1,29), $pointcolor);
}

//author:shanhe
//https://blog.shanhe.info

//验证码划线干扰元素
for ($i=0; $i < 5; $i++) {
    $linecolor = imagecolorallocate($image,rand(80,220),rand(80,220),rand(80,220));
    imageline($image, rand(1,99), rand(1,29),rand(1,99), rand(1,29) ,$linecolor);
}
// 告诉浏览器这是图片,并生成图片
header('content-type:image/png');
imagepng($image);

//销毁
imagedestroy($image);
?>

然后调用即可

实例效果图

本文为山河博客原创文章出品

代码下载:

分享几个好网站,网站开发者必备

大家好我是山河,今天我分享几个不错的网站,制作网站,颜色调色板啊,素材啊,LOGO啊必不可少,但是LOGO,素材这些东西都有版权,像我们这些新手小白,哪舍得开始就花费大量金钱财力去购买版权,这就造成了一部分人就离开了这个行业。还有就是颜色调试不舒服,没有灵感。

这里呢,山河给大家分析几个网站。

满满的都是干货哈,话不多说,上网站

  1. Palettes | Flat UI Colors ? 280 handpicked colors ready for COPY & PASTE

这个网站,帮你选好颜色了,点击你喜欢的就会自动复制颜色代码,很舒服,上手难度:傻瓜式操作。

点击你喜欢的就会自动复制颜色代码,很舒服。

2. Dopely Colors – A Free Solution to all your Color Problems

这个网站,可以让你很方便的进行调色和色彩对比,色彩鲜明,上手难度:容易简单。

3. Colordot – A color picker for humans (hailpixel.com)

这个网站,跟2号网站差不多,不过扩展多,上手难度:中等,功能多需要自己研究。

4. Beautiful Free Images & Pictures | Unsplash

这个网站,国外免费图片,全世界的爱好者上传的,基本上所有图片都是免费的,允许商用和非商用!每个图片下面都有是否免费的一句话。如果不相信是否免费,请看图。

License | Unsplash

5. Logo Design – Create Your Own Logo, It’s Free! – Free Logo Design

这个网站是,免费LOGO生成网站,功能超多,自行研究,看这个网站昵称和标题还有他的LOGO名就知道,这是一个免费LOGO网站,功能真的很多!山河本人也一直在用,本网站LOGO是这个网站生成的。

好了,本次分享就到这里了,

最后认识一下:

哔哩哔哩: https://space.bilibili.com/442772630 up主:山河web    UID:442772630

制作一个在页面任意位置的网页小广告图

大家好我是山河,今天我带给大家一个HTML5+CSS3+Javascript的小案例

制作一个网页广告图,其实很简单,网页广告图在各大购物网站,门户网站等都容易见到,有大广告也有小广告。

那些网站一打开就会自动显示广告,但是又给了一个 × 按钮

那么该如何制作呢

话不多说,上代码

<div class="banner">
	<p id="btn" title="点我关闭广告">×</p>
	<img src="images/banner.png" alt="广告图"/>
	<!--广告图的路径位置-->
</div>

//样式文件我就不写了,你们需要在哪个位置就自己调,如果需要覆盖其他元素上面,用相对定位 position: relative;

// 山河web 

//下面是JS代码

<script>
	//绑定元素
	var btn = document.getElementById('btn');
	var imgs = document.querySelector('.banner');
        //这个banner就是那个div里的类
			
	//点击事件触发匿名函数
	btn.onclick = function(){
	//修改元素的样式为不会显示
	/*
	 * display:none 隐藏元素,不占实际空间。
	 */
	imgs.style.display = 'none';
	}
			
</script>

看了代码之后是不是觉得很简单?

确实如此,简单的代码达到最极致的效果。

最后认识一下:

哔哩哔哩: https://space.bilibili.com/442772630 up主:山河web    UID:442772630