bookshop14.ru → Новости

Создать URL-адрес блога SEO с Codeigniter

  1. Простое объяснение о коде-коде URL
  2. подготовка
  3. № 1 Создание структуры базы данных и таблицы
  4. № 2 Установка Codeigniter
  5. № 3 Удалить index.php в URL
  6. № 4 Конфигурация Codeigniter
  7. № 5 Создайте модель с именем Blog_model.php
  8. № 6 Создайте контроллер с именем Blog.php
  9. № 7 Создайте представление с именем v_blog_post.php
  10. № 8 Создайте представление с именем v_blog_list.php
  11. № 9 Создайте представление снова с именем v_blog_detail.php
  12. № 10 Установите маршрутизацию для постоянной ссылки.
  13. № 11 Тестовый проект
  14. вывод:

SEO (поисковая оптимизация) - это систематически выполняемый процесс, целью которого является увеличение объема и качества посещений трафика через поисковые системы на определенные веб-сайты с использованием рабочего механизма или алгоритма поисковой системы.

Цель SEO - разместить веб-сайт на верхней позиции или, по крайней мере, на первой странице результатов поиска на основе определенных ключевых слов.

По логике, сайты, занимающие верхние позиции в результатах поиска, имеют больше шансов получить посетителей.

Тогда какова важность наличия большого количества посетителей? Конечно, владельцы страниц на сайте хотят большое количество посещений.

Это дает собственное счастье владельцам сайтов. Аналогично статусу Facebook, который имеет много лайков.

SEO очень тесно связан с URL-адресом: чем лучше URL вашего сайта, тем легче вашему сайту стать № 1 в глазах поисковых систем, таких как Google и другие.

По словам экспертов в области SEO под названием Mat Cut: URL-адреса, которые имеют от 3 до 5 слогов, очень хороши в глазах поисковых систем.

Таким образом, URL-адрес, на который нацелено введение простого ключевого слова, не слишком длинного, то есть как ключевое слово url, на которое нацелено и предназначено для предложения соответствующего значения URL-адреса, связывается со статьей, когда статья требует объяснения.

Поэтому необходимо создать целевой URL-адрес постоянной ссылки, чтобы статьи SEO были удобными, этот URL-адрес также называется SEO-постоянным URL-адресом.

пример:

Источник: https://medium.com/web-design-by-solodev/how-to-best-structure-your-urls-for-seo-5253ae3b0c5e

В приведенном выше примере URL вы можете увидеть разницу между хорошим URL и плохим URL .

Где хороший URL , поместите простое ключевое слово в URL. Нравится этот сайт URL:

http://mfikri.com/artikel/Multiple-Upload-Image-dengan-Codeigniter.html

http://mfikri.com/artikel/11-Fungsi-mysql-yang-wajib-diketahui-programmer.html

Простое объяснение о коде-коде URL

Теперь вы знаете, что такое SEO, какова цель и что нужно сделать, чтобы URL вашего сайта стал оптимизированным для SEO.

В соответствии с заголовком выше, по этому случаю я поделюсь о том, как создать SEO URL-блог с использованием codeigniter Framework.

По умолчанию codeigniter придерживается формата URL, как показано ниже:

На картинке выше видно, что в части 1 есть протокол, этот протокол может быть либо http, либо https.

Во второй части, а именно в основном домене или главном домене, основным доменом является домен вашего сайта или блога. Как mfikri.com и так далее.

Если вы все еще используете локальный ( автономный ) сервер, обычно основным доменом является localhost.

В части 3, а именно имя класса (имя класса). Codeigniter имеет каталог под названием контроллер.

Я уверен, что вы знакомы с этим, поэтому вы читаете эту статью.

Имена классов (имена классов) обычно имеют имена, которые именуются именами файлов и помещаются в каталог контроллера.

Имя класса (имя класса ) обычно является URL-адресом после основного домена, как показано выше.

В части 4, а именно имя функции ( имя функции ). Это имя функции является функцией, содержащейся в классе контроллера.

В приведенном выше случае функция detail находится в классе блога . Другими словами, у класса блога есть подробная функция.

В разделе 5 или последней части есть параметр URI. Этот параметр URI обычно является идентификатором ( ключом ) из таблицы в базе данных.

Структура URL выше очень хорошая, короткая и чистая. Потому что codeigniter по умолчанию придерживается концепции чистого URL .

Тем не менее, нет коротких ключевых слов, поэтому есть менее дружественный URL SEO.

Как мне изменить структуру кодового заголовка URL по умолчанию на дружественный URL SEO?

Ответ заключается в добавлении поля слагов в структуру таблицы в базе данных.

Это поле slug служит для хранения коротких ключевых слов, которые мы берем из заголовка ( title ) статьи, затем соединяем знаком минус или полосой ( - ), при необходимости добавляем также расширение .html, затем мы делаем этот slug url для отображения деталей статьи вместо URI параметр.

Если вас смущает приведенное выше объяснение, не волнуйтесь, вы сразу поймете, попробовав это самостоятельно.

Хорошо, начнем!

подготовка

Перед производственным процессом была стадия, которую вы не должны пропустить. Это этап подготовки.

Что вам нужно подготовить?

Далее список:

Codeiginter , если у вас его нет, пожалуйста, скачайте его на официальном сайте www.codeigniter.com

Jquery , если у вас его еще нет, пожалуйста, скачайте его на официальном сайте www.jquery.com

Bootstrap , эта функция начальной загрузки улучшает внешний вид. Если у вас его еще нет, скачайте его на официальном сайте www.getbootstrap.com

ckeditor , этот редактор функционирует как текстовый редактор для записи содержимого статей или блогов. Если у вас его еще нет, скачайте его на официальном сайте www.ckeditor.com

Помимо вышесказанного, есть еще кое-что, что вам нужно подготовить. А именно, чашка кофе.

Да, кофе, чтобы сделать его более расслабленным.

№ 1 Создание структуры базы данных и таблицы

Далее все, что вам нужно сделать, это создать базу данных и структуру таблицы.

Стол, который вам нужно сделать, не нужно много, только один стол. А именно, настольный пост.

База данных , создайте базу данных, выполнив следующий запрос:

CREATE DATABASE db_mybog;

В приведенном выше запросе вы получите базу данных с именем db_myblog.

Таблица , создайте таблицу, выполнив следующий запрос:

CREATE TABLE tbl_post (post_id INT PRIMARY KEY AUTO_INCREMENT, заголовок post VARCHAR (150), post_isi TEXT, post_tanggal TIMESTAMP DEFAULT CURRENT_TIMESTAMP, post_slug VARCHAR (150), post_image VARCHAR (40)) ENGINE =

В приведенной выше структуре таблицы есть поле post_slug . Это поле служит для хранения коротких ключевых слов, которые мы берем из заголовка ( заголовка ) статьи, затем соединяем знаком минус или полосой ( - ) и добавляем расширение .html, затем мы делаем это поле post_slug URL-адресом для отображения сведений о статье вместо URI параметра.

№ 2 Установка Codeigniter

Чтобы установить codeigniter, пожалуйста, извлеките codeigniter, который был ранее загружен в папку www (если используется wampserver) или htdocs (если используется XAMPP).

Затем переименуйте (измените имя) ваш кодировщик проекта, соответствующий вашему проекту. Здесь я даю имя ci_blog .

После распаковки создайте папку ресурсов, затем создайте папку изображений в папке ресурсов.

затем включите файлы начальной загрузки и jquery в папку ресурсов. Так что структура нашего проекта выглядит следующим образом:

На рисунке выше видно, что в папке assets находятся папки ckeditor, css, images, jquery и js.

В папке ckeditor находится файл ckeditor, в папке css - файл bootstrap.css, в файле jquery - файл jquery-2.2.3.min.js, а в папке js - файлы bootstrap.js и bootstrap.min.js.

В то время как папка с изображениями, используется для хранения файлов изображений из статей, которые публикуются.

№ 3 Удалить index.php в URL

По умолчанию codeigniter использует index.php в URL. Поэтому, чтобы URL выглядела лучше. Это хорошо, чтобы удалить index.php из URL.

Чтобы удалить index.php на URL, вы можете создать файл .htaccess

Код для файла .htaccess выглядит следующим образом:

RewriteEngine On RewriteCond% {REQUEST_FILENAME}! -F RewriteCond% {REQUEST_FILENAME}! -D RewriteRule ^ (. *) $ Index.php? / $ 1 [L]

Введите приведенный выше код и сохраните его с именем .htaccess параллельно папке приложения, ресурсам и системе.

№ 4 Конфигурация Codeigniter

Откройте файл application / config / autoload.php следующим образом:

$ autoload ['library'] = array ('database'); $ autoload ['helper'] = array ('url');

Откройте application / config / config.php и установите его примерно так:

$ config ['base_url'] = 'http: // localhost / ci_blog /'; $ config ['index_page'] = ''; // удаляем index.php на index_page

Установите контроллер по умолчанию в application / config / rout.php и установите его примерно так:

$ route ['default_controller'] = 'blog';

Наконец, откройте приложение / config / database.php

$ active_group = 'default'; $ query_builder = TRUE; $ db ['default'] = array ('dsn' => ',' hostname '=>' localhost ',' username '=>' root ',' password '=>' ',' database '=>' db_myblog ', // настроить его для своей базы данных!' dbdriver '=>' mysqli ',' dbprefix '=>', 'pconnect' => FALSE, 'db_debug' => (ENVIRONMENT! == 'production'), ' cache_on '=> FALSE,' cachedir '=>' ',' char_set '=>' utf8 ',' dbcollat ​​'=>' utf8_general_ci ',' swap_pre '=>' ',' encrypt '=> FALSE,' compress ' => FALSE, 'stricton' => FALSE, 'failover' => array (), 'save_queries' => TRUE);

№ 5 Создайте модель с именем Blog_model.php

Затем введите следующий код:

<? php class Blog_model расширяет функцию CI_Model {// для сохранения данных статьи в функцию базы данных save_post ($ title, $ contents, $ slug, $ image) {$ hsl = $ this-> db-> query ("INSERT INTO tbl_post ( post_judul, post_isi, post_slug, post_image) VALUES ('$ title', '$ contents', '$ slug', '$ image') "); вернуть $ hsl; } // функция для отображения данных поста на основе slug function get_post_by_slug ($ slug) {$ hsl = $ this-> db-> query ("SELECT * FROM tbl_post WHERE post_slug = '$ slug'"); вернуть $ hsl; } // забавно отображать все сообщения в списке. function get_all_post () {$ hsl = $ this-> query ("SELECT * FROM tbl_post ORDER BY post_id DESC"); вернуть $ hsl; }}

№ 6 Создайте контроллер с именем Blog.php

Затем введите следующий код:

<? php класс Blog extends CI_Controller {function __construct () {parent :: __ construct (); $ this-> load-> model ('blog_model'); $ this-> load-> library ('upload'); } function index () {$ this-> load-> view ('v_blog_post'); } function save_post () {$ config ['upload_path'] = './assets/images/'; // путь к папке $ config ['разрешенный_тип'] = 'gif | jpg | png | jpeg | bmp'; // тип, к которому можно получить доступ, вы можете настроить $ config ['encrypt_name'] = TRUE; // имя файла шифрования при загрузке $ this-> upload-> initialize ($ config); if (! empty ($ _ FILES ['filefoto'] ['name'])) {if ($ this-> upload-> do_upload ('filefoto'))) {$ gbr = $ this-> upload-> data () ; // Сжимаем изображение $ config ['image_library'] = 'gd2'; $ config ['source_image'] = '. / assets / images /'.$ image [' file_name ']; $ config ['create_thumb'] = FALSE; $ config ['keep_ratio'] = FALSE; $ config ['quality'] = '60% '; $ config ['width'] = 710; $ config ['height'] = 420; $ config ['new_image'] = './assets/images/'.$gbr['file_name']; $ this-> load-> library ('image_lib', $ config); $ this-> image_lib-> resize (); $ image = $ picture ['file_name']; // получить зашифрованное имя файла $ title = $ this-> input-> post ('title'); $ content = $ this-> input-> post ('fill'); // Создать slug $ string = preg_replace ('/ [^ a-zA-Z0-9 &% | {.} =,?! * () "-_ + $ @; <>'] / ',' ', $ title); // отфильтровать уникальные символы и заменить их пустыми ('') $ trim = trim ($ string); // удалить лишние пробелы с помощью функций усечения $ pre_slug = strtolower (str_replace ("", "-", $ trim) )); // удаляем пробелы, затем заменяем пробелы штрихами (-) $ slug = $ pre_slug. '. html'; // добавляем расширение .html для slug $ this-> blog_model-> save_post ($ title, $ contents , $ slug, $ image); // сохранить статью в редиректе базы данных («блог / списки»);} else {// перенаправить в блог, если изображение не может загрузить редирект («блог»);}} else {// перенаправить в блог, если изображение пустое перенаправление ('blog');}} функция lists () {// функция для отображения списка статей $ x ['data'] = $ this-> blog_model-> get_all_post (); $ this-> load- > view ('v_blog_list', $ x);} функция детализации ($ slug) {// функция для отображения подробностей статьи $ data = $ this-> blog_model-> get_post_by_slug ($ slug); if ($ data-> num_rows ( )> 0) {// проверка, если данные найдены $ x ['data'] = $ data; $ this-> load-> view ('v_bl og_detail ', $ x); } else {// если данные не найдены, вернитесь к перенаправлению блога ('blog'); }}}

№ 7 Создайте представление с именем v_blog_post.php

Это представление служит для отображения формы публикации статьи.

Следующий код:

<! DOCTYPE html> <html> <head> <title> Опубликовать статью </ title> <link rel = "stylesheet" type = "text / css" href = "<? Php echo base_url (). 'Assets / css / bootstrap.css '?> "> </ head> <body> <div class =" container "> <div class =" col-md-8 col-md-offset-2 "> <h2> МОЙ БЛОГ </ h2 > <hr /> <form action = "<? php echo base_url (). 'blog / save_post'?>" method = "post" enctype = "multipart / form-data"> <input type = "text" name = "title" class = "form-control" placeholder = "Title" обязательно /> <br/> <textarea id = "editor1" name = "заполнить" class = "form-control" обязательно> </ textarea> <br / > <input type = "file" name = "filefoto" обязательно> <br> <button class = "btn success" type = "submit"> POST </ button> </ form> </ div> </ div > <script src = "<? php echo base_url (). 'assets / jquery / jquery-2.2.3.min.js'?>"> </ script> <script type = "text / javascript" src = "< ? php echo base_url (). 'assets / js / bootstrap.js'?> "> </ script> <script type =" text / javascript "src =" <? php echo base_url (). 'assets / ckeditor / ckeditor .js '?> "> </ script> <script type =" text / javascript "> $ (function () {// Function u заменить текстовое поле на CKEDITOR.replace (стиль 'editor1', {extraPlugins: 'syntaxhighlight', панель инструментов: [['' Source '], [' Bold ',' Italic ',' - ',' NumberedList ',' BulletedList ' , '-', 'Link', 'Unlink', '-', 'Image'],]}); }); </ script> </ body> </ html>

До этого момента вы можете запустить его, чтобы увидеть, работает ли форма правильно.

Посетите URL http: // localhost / ci_blog /

Тогда результаты появятся как показано ниже:

№ 8 Создайте представление с именем v_blog_list.php

Это представление служит для отображения списка всех опубликованных статей.

Следующий код:

<! DOCTYPE html> <html> <head> <title> </ title> <link rel = "stylesheet" type = "text / css" href = "<? Php echo base_url (). 'Assets / css / bootstrap. css '?> "> </ head> <body> <div class =" container "> <? php limit_words function ($ string, $ word_limit) {$ words = explode (" ", $ string); implode ("", возвращает array_splice ($ words, 0, $ word_limit)); } foreach ($ data-> result () как $ row):?> <div class = "col-md-8 col-md-offset-2"> <h2> <? php echo $ row-> post_judul; > </ h2> <hr /> <img src = "<? php echo base_url (). row 'assets / images /'. $ -> post_image;?>"> <? php echo limit_words ($ row-> post_isi , 100);?> <a href="<?php echo base_url().'artikel/'.$row-> post_slug;?> "> <Strong> Подробнее> </ strong> </a> </ div > <? php endforeach;?> </ div> <script src = "<? php echo base_url (). 'assets / jquery / jquery-2.2.3.min.js'?>"> </ script> <script type = "text / javascript" src = "<? php echo base_url (). 'assets / js / bootstrap.js'?>"> </ script> </ body> </ html>

№ 9 Создайте представление снова с именем v_blog_detail.php

Это представление служит для отображения подробностей опубликованной статьи.

Следующий код:

<? php $ b = $ data-> row_array (); ?> <! DOCTYPE html> <html> <head> <title> <? Php echo $ b ['post_judul'];?> </ Title> <link rel = "stylesheet" type = "text / css" href = "<? php echo base_url (). 'assets / css / bootstrap.css'?>"> </ head> <body> <div class = "container"> <div class = "col-md-8 col-md -offset-2 "> <h2> <? php echo $ b ['post_judul'];?> </ h2> <hr /> <img src =" <? php echo base_url (). 'assets / images /' . $ b ['post_image'];?> "> <? php echo $ b ['post_isi'];?> </ div> </ div> <script src =" <? php echo base_url (). 'assets /jquery/jquery-2.2.3.min.js '?> "> </ script> <script type =" text / javascript "src =" <? php echo base_url ().' assets / js / bootstrap.js ' ?> "> </ script> </ body> </ html>

№ 10 Установите маршрутизацию для постоянной ссылки.

Чтобы сделать URL более удобным для SEO, откройте application / config / rout.php

Затем перейдите к следующему:

$ route ['article / (: any)'] = 'blog / detail / $ 1'; // маршрут blog / detail / сокращен до статьи $ route ['default_controller'] = 'blog'; $ route ['404_override'] = ''; $ route ['translate_uri_dashes'] = FALSE;

№ 11 Тестовый проект

Чтобы проверить, хорошо ли работает проект, запустите его снова, посетив URL http: // localhost / ci_blog /

Затем опубликуйте статью, подобную следующей:

Нажмите кнопку POST, появится список сообщений, как показано ниже:

Затем нажмите « Дополнительно»>, чтобы увидеть подробности статьи, результаты будут отображаться, как показано ниже:

Теперь попробуйте взглянуть на URL в деталях статьи. Это будет выглядеть так:

http: //localhost/ci_blog/artikel/steve-jobs-dan-atari.html

вывод:

На этот раз мы поговорим о создании SEO-блога с URL-кодом и codeigniter.

SEO (поисковая оптимизация) - это систематически выполняемые процессы, направленные на увеличение объема и качества. php?title=Trafik&action=edit&redlink=1> трафик посещает через поисковые системы определенные веб-сайты, используя механизм поиска или алгоритм поисковой системы.

Цель SEO - разместить веб-сайт на верхней позиции или, по крайней мере, на первой странице результатов поиска на основе определенных ключевых слов.

Веб-сайты в верхней позиции принесут больше посетителей.

Сайт, который имеет много посетителей, принесет счастье владельцу сайта.

SEO очень тесно связано с URL-адресами. Поэтому важно сделать хороший URL, чтобы быть более дружественным к SEO.

SEO дружественный URL-адрес - это URL-адрес путем размещения в нем короткого ключевого слова.

Чтобы поместить короткое ключевое слово в URL, необходима постоянная ссылка на URL.

Скачать источник

Тогда какова важность наличия большого количества посетителей?
Как мне изменить структуру кодового заголовка URL по умолчанию на дружественный URL SEO?
Что вам нужно подготовить?
Php?
DOCTYPE html> <html> <head> <title> Опубликовать статью </ title> <link rel = "stylesheet" type = "text / css" href = "<?
Css '?
Blog / save_post'?
Js'?