diff --git a/README.md b/README.md
index 33c58a1..70e2719 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,10 @@
 # use-lazyload-ref
 
-[![npm version](https://badge.fury.io/js/use-lazyload-ref.svg)](https://badge.fury.io/js/use-lazyload-ref) ![CI Status](https://github.com/saitoeku3/use-lazyload-ref/workflows/Node%20CI/badge.svg)
+[![GitHub license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/saitoeku3/use-lazyload-ref/blob/master/LICENSE) [![npm version](https://badge.fury.io/js/use-lazyload-ref.svg)](https://badge.fury.io/js/use-lazyload-ref) ![CI Status](https://github.com/saitoeku3/use-lazyload-ref/workflows/Node%20CI/badge.svg)
 
-> Custom hook to use lazy load easily
+> Custom hook to use lazyload easily
 
-## Install
+## Installation
 
 ```
 $ npm install use-lazyload-ref
@@ -13,22 +13,44 @@ $ yarn add use-lazyload-ref
 
 ## Usage
 
+To enable lazy loading, simply specify `ref` and `data-src` attributes.
+
 ```jsx
 import React from 'react'
 import useLazyloadRef from 'use-lazyload-ref'
 
 const Component = ({ url }) => {
-  const [ref, isLoaded] = useLazyloadRef()
+  const [ref, hasLoaded] = useLazyloadRef()
 
   return (
-    <>
+    <div>
       {isLoaded || <Skeleton />}
-      <img ref={ref} data-src={url}>
-    </>
+      <img ref={ref} data-src={url} />
+      {/* <audio ref={ref} data-src={url} />*/}
+      {/* <iframe ref={ref} data-src={url} />*/}
+      {/* <video ref={ref} data-src={url} />*/}
+      {/* <div style={{ backgroundImage: `url(${url})` }}></div>*/}
+    </div>
   )
 }
 ```
 
+## API
+
+### `useLazyloadRef: () => [(node: HTMLElement | null) => void, boolean]`
+
+Custom hook.
+In addition to `src` in `audio`, `iframe`, `img` and `video`, CSS property `background-image` can be lazy loaded.
+
+```jsx
+const [ref, hasLoaded] = useLazyloadRef()
+```
+
+`useLazyloadRef` returns a callback ref function and a load state.
+
+- `ref`: Initialize observer for lazyload.
+- `hasLoaded`: Default is false. Turn true if the source has finished loading.
+
 ## License
 
-MIT © saitoeku3
+MIT
diff --git a/package.json b/package.json
index 47e6c22..0774f51 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "use-lazyload-ref",
   "version": "0.1.2",
-  "description": "Custom hook to use lazy load easily",
+  "description": "Custom hook to use lazyload easily",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {
@@ -12,7 +12,9 @@
     "dist"
   ],
   "keywords": [
-    "react"
+    "react",
+    "hooks",
+    "lazyload"
   ],
   "scripts": {
     "build": "tsc -b tsconfig.json && npm run minify",