FreeMarker静态化文件解决SEO推广问题

1.问题背景

SEO一直是站点对外推广的一个重要手段,如何可以让搜索引擎高速搜索到站点对于增强站点的浏量,提升站点对外形象有着重要意义。那么如何可以对SEO进行优化呢?一个很经常使用的手段就是在网页的keyword部分多添加可以表示本网页的keyword,而且这些keyword在接下来的网页正文中可以多次出现,另外一个重要的方法就是假设在本网页中存在文章链接。最好是每一个链接的地址是不一样的,这样的不一样不是指同一个链接传的參数不一样,而是每一个链接相应的都是一个新的html页面。假设你的页面是jsp那么我们所须要做的就是将将其进行伪静态化。在公司新平台推出之际。查询实现代码发现文章内容的现实都是採用ajax方式展示的,这样导致的问题就是查看网页源代码的时候根本查询不到文章内容。基于这个原因我们须要对内容展示部分进行又一次实现。也就是将文章内容进行静态化。

2.详细方式

对文章内容进行静态化,所採用的工具是freemarker,通过模板引擎生成jsp页面。首先我们须要一个ftl模板文件,这个文件就是模板引擎生成jsp页面的依据,其内容与html十分相似,仅仅只是是在某些部分通过变量用从后台传过来的数据进行填充,如以下的样例:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib  prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%String path = request.getContextPath();%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel = "Shortcut Icon" href="<%=path%>/resources/images/favicon.ico" >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="${contentItem.keywords}"/>
<meta name="description" content="${contentItem.explanation}"/>
<link href="<%=path%>/resources/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path%>/resources/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/jquery/jQuery.md5.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/common.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/about.js"></script>
<script charset="utf-8" src="http://wpa.b.qq.com/cgi/wpa.php"></script>
<script type="text/javascript">
</script>
<title>关于我们-普惠理財</title>
</head>
<body>
<!--页头start-->
<jsp:include page="../frame_top.jsp"/>
<!--页头end-->

<div class="ny_content clearfix">

    <jsp:include page="leftMenu.html"/>
    <!-- <div id="leftMenu"></div> -->

   	<div class="ny_maincont fl" style="table-layout:fixed; word-break: break-all;">
        	<div class="position"><h4>${contentItem.title}</h4></div>

            	${contentItem.content}

            </div>

        </div>

</div>

<!--页尾start-->
<jsp:include page="../frame_bottom.jsp"/>
<!--页尾end-->
<jsp:include page="../rightContext.jsp"/>
</body>
</html>

当中的${contentItem.content}就是从后台传入的须要展示的内容。接下来就是java部分:

package com.voiinnov.puhuilicai.freemarker;

import java.io.BufferedWriter;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStreamWriter;
import java.io.Writer;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;

import freemarker.template.Configuration;
import freemarker.template.Template;
import freemarker.template.TemplateException;

public class FreeMarkerEngine {
	private static Log logger = LogFactory.getLog(FreeMarkerEngine.class);
	private Configuration freemarker_cfg = null;

	/**
	 * 设置关键字,描写叙述,内容并调用
	 * @param fileName 		       将要生成的jsp页面的名字
	 * @param content  		   jsp页面的主体内容
	 * @param keywords 		        关键字
	 * @param explanation      说明
	 * @param template         生成该jsp所使用的ftl模板的名字
	 * @throws IOException
	 */
	public void getAbuoutUsJSP(String template,String fileName,String content,String keywords,String explanation,String sRootDir,String title) throws IOException{

		ContentItem contentItem = new ContentItem();
		FreeMarkerEngine fme = new FreeMarkerEngine();
		/*****设置关键词*******/
		contentItem.setKeywords(keywords);
		/*****设置描写叙述*****/
		contentItem.setExplanation(explanation);
		/****设置内容****/
		contentItem.setContent(content);
		/****设置大标题****/
		contentItem.setTitle(title);
		Map root = new HashMap();
		root.put("contentItem",contentItem);
		String sGeneFilePathRoot = "/";
		boolean bOK = fme.geneJSPFile("/" + template, root, sGeneFilePathRoot, fileName,sRootDir);
	}

	/**
	 * 生成jsp或html页面
	 * @param templateFileName
	 * @param propMap
	 * @param htmlFilePath
	 * @param htmlFileName
	 * @param sRootDir   生成的jsp存放的路径
	 * @return
	 * @throws IOException
	 */
	//private boolean geneJSPFile(String templateFileName,Map propMap ,String jspFilePath,String jspFileName,String sRootDir) throws IOException{
	public boolean geneJSPFile(String templateFileName,Map propMap ,String jspFilePath,String jspFileName,String sRootDir) throws IOException{

		try{
			Template t = getFreeMarkerCFG().getTemplate(templateFileName);
			File afile = new File(sRootDir + "/" + jspFilePath + "/" + jspFileName);
			Writer out = new BufferedWriter(new OutputStreamWriter(new FileOutputStream(afile)));
			t.process(propMap, out);
		}catch(TemplateException e){
			return false;
		}
		return true;
	}

	/**
	 * 读取ftl模板文件
	 * @return
	 */
	private Configuration getFreeMarkerCFG(){
		if(null == freemarker_cfg){
			freemarker_cfg = new Configuration();
			freemarker_cfg.setClassForTemplateLoading(this.getClass(), "/resources/ftl");
		}
		return freemarker_cfg;
	}
}

整个运行过程也十分的简单,模板引擎通过读取模板文件确定要生成页面的格式。然后通过将变量的值填充到新文件的相应部分,实现动态的读取数据库中的内容。然后将页面静态化,将新生成的页面元原ajax方式填充的页面相比。你会发现尽管两种页面在展示效果上来看没有不论什么差别,可是查看源码ajax的内容部分是空白的,可是静态化后的文件内容部分是真是存在的,并且这个页面会成为一个独立链接的链接源。并非通常採用的同一个链接通过传递不同的參数显示不同的内容。这样的方式是十分有利于SEO的。

时间: 2024-10-31 10:12:35

FreeMarker静态化文件解决SEO推广问题的相关文章

利用freemarker 静态化网页

1.介绍-FreeMarker是什么 模板引擎:一种基于模板的.用来生成输出文本的通用工具 基于Java的开发包和类库 2.介绍-FreeMarker能做什么 MVC框架中的View层组件 Html页面静态化 代码生成工具 CMS模板引擎 页面栏目动态定制 3.介绍-为什么要用FreeMarker 程序逻辑(Java 程序)和页面设计(FreeMarker模板)分离 分层清晰,利于分工合作 主流Web框架良好的集成(struts2,springmvc) 简单易学.功能强大 免费开源 4.Free

利用FreeMarker静态化网页

1.介绍-FreeMarker是什么 模板引擎:一种基于模板的.用来生成输出文本的通用工具 基于Java的开发包和类库 2.介绍-FreeMarker能做什么 MVC框架中的View层组件 Html页面静态化 代码生成工具 CMS模板引擎 页面栏目动态定制 3.介绍-为什么要用FreeMarker 程序逻辑(Java 程序)和页面设计(FreeMarker模板)分离 分层清晰,利于分工合作 主流Web框架良好的集成(struts2,springmvc) 简单易学.功能强大 免费开源 4.Free

网页静态化解决方案-Freemarker demo+语法

1.网页静态化技术Freemarker 1.1为什么要使用网页静态化技术 网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道. 对于电商网站的商品详细页来说,至少几百万个商品,每个商品又有大量的信息,这样的情况同样也适用于使用网页静态化来解决. 网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大规模且相对变化不太频繁的数据.另外网页静态化还有利于SEO. 另外我们如果将

网页静态化解决方案Freemarker(一)

序言: 沉淀了三个月,逐步将自己最近两年在公司中用到的技术和知识点,重新整理归纳了下,对比以前可以发现,现在技术更新越来越快,也越来越成熟,在互联网企业,用到的技术也更先进,更领先,比如微服务.分布式和高并发等等.接下来我会将自己创业的时候在客户做项目,用到的一些技术和知识点给大家分享,供大家参考学习.下面我们先从网页静态化技术开始,这在项目中还是用的比较多的,如果小伙伴还有什么希望了解的技术,可以在留言区注释,我会挑选自己擅长的地方给大家分享.下面开始今天的学习吧! ——WZY 一.什么是Fr

网页静态化技术Freemarker的详细介绍

网页静态化技术Freemarker 一.Freemarker的基本介绍 1.1为什么要使用网页静态化技术 网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道. 对于电商网站的商品详细页来说,至少几百万个商品,每个商品又有大量的信息,这样的情况同样也适用于使用网页静态化来解决. 网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大规模且相对变化不太频繁的数据.另外网页静态化

网页静态化技术--Freemarker入门

网页静态化技术:为什么要使用网页静态化技术 网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道. 对于电商网站的商品详细页来说,至少几百万个商品,每个商品又有大量的信息,这样的情况同样也适用于使用网页静态化来解决. 网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合较大规模且相对变化不太频繁的数据. 另外我们如果将网页以纯静态化的形式展现,就可以使用Nginx这样的高性能

使用Freemarker 实现JSP页面的静态化

使用Freemarker 静态化网页 一.原理 Freemarker 生成静态页面,首先需要使用自己定义的模板页面,这个模板页面可以是最最普通的html,也可以是嵌套freemarker中的 取值表达式, 标签或者自定义标签等等,然后后台读取这个模板页面,解析其中的标签完成相对应的操作, 然后采用键值对的方式传递参数替换模板中的的取值表达式,做完之后 根据配置的路径生成一个新的html页面, 以达到静态化访问的目的. 二.Freemaker提供的标签 Freemarker提供了很多有用 常用的标

springboot2.0结合freemarker生成静态化页面

目录 1. pom.xml配置 2. application.yml配置 3. 使用模板文件静态化 3.1 创建测试类,编写测试方法 3.2 使用模板字符串静态化 使用freemarker将页面生成html文件,本节测试html文件生成的方法: 1.使用模板文件静态化 定义模板文件,使用freemarker静态化程序生成html文件. 2.使用模板字符串静态化 定义模板字符串,使用freemarker静态化程序生成html文件. 1. pom.xml配置 <?xml version="1.

FreeMarker-网页静态化

网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道. 网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大规模且相对变化不太频繁 的数据.另外网页静态化还有利于SEO.另外我们如果将网页以纯静态化的形式展现,就可以使用Nginx这样的高性能的web服务器来部署.Nginx可以承载5万的并发,而Tomcat只有几百. 一.FreeMarker简介 FreeMarker 是一